fix mobile css
This commit is contained in:
@@ -203,15 +203,12 @@ a.view-markdown:any-link {
|
|||||||
max-width: 1000px;
|
max-width: 1000px;
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
/* padding: 24px; */
|
/* padding: 24px; */
|
||||||
padding-top: 80px;
|
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: 1000px) {
|
@media (max-width: 1000px) {
|
||||||
.main-content {
|
.main-content {
|
||||||
/* padding: 20px; */
|
max-width: 100%;
|
||||||
padding: 0px;
|
|
||||||
max-width: 100%;
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -232,6 +229,7 @@ a.view-markdown:any-link {
|
|||||||
.timeline-feed {
|
.timeline-feed {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
|
padding: 100px 0;
|
||||||
/* gap: 24px; */
|
/* gap: 24px; */
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -333,6 +331,7 @@ a.view-markdown:any-link {
|
|||||||
/* gap: 40px; */
|
/* gap: 40px; */
|
||||||
max-width: 1000px;
|
max-width: 1000px;
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
|
padding: 100px 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* article.article-content { padding: 10px; } */
|
/* article.article-content { padding: 10px; } */
|
||||||
@@ -781,8 +780,6 @@ article.article-content {
|
|||||||
.comment-section {
|
.comment-section {
|
||||||
max-width: 800px;
|
max-width: 800px;
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
/* margin-top: 48px; */
|
|
||||||
/* padding-top: 32px; */
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.comment-container {
|
.comment-container {
|
||||||
@@ -819,7 +816,7 @@ article.article-content {
|
|||||||
grid-template-columns: 1fr;
|
grid-template-columns: 1fr;
|
||||||
gap: 24px;
|
gap: 24px;
|
||||||
max-width: 100%;
|
max-width: 100%;
|
||||||
padding: 0;
|
padding: 50px 0;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -1081,7 +1078,7 @@ article.article-content {
|
|||||||
|
|
||||||
.article-title {
|
.article-title {
|
||||||
font-size: 24px;
|
font-size: 24px;
|
||||||
padding: 30px 0px;
|
padding: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.message-header .avatar {
|
.message-header .avatar {
|
||||||
@@ -1100,4 +1097,15 @@ article.article-content {
|
|||||||
width: 100%;
|
width: 100%;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.comment-section {
|
||||||
|
padding: 50px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.article-meta {
|
||||||
|
padding: 10px;
|
||||||
|
}
|
||||||
|
.article-actions {
|
||||||
|
padding: 10px;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
@@ -262,13 +262,6 @@ body {
|
|||||||
cursor: not-allowed;
|
cursor: not-allowed;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Main Content */
|
|
||||||
.main-content {
|
|
||||||
max-width: 800px;
|
|
||||||
margin: 0 auto;
|
|
||||||
padding: 20px 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Bluesky Footer */
|
/* Bluesky Footer */
|
||||||
.bluesky-footer {
|
.bluesky-footer {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
@@ -745,14 +738,6 @@ body {
|
|||||||
margin: 0 !important;
|
margin: 0 !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.main-content {
|
|
||||||
padding: 0px !important;
|
|
||||||
margin: 0px !important;
|
|
||||||
max-width: 100% !important;
|
|
||||||
width: 100% !important;
|
|
||||||
overflow-x: hidden !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* OAuth app mobile fixes - prevent overflow and content issues */
|
/* OAuth app mobile fixes - prevent overflow and content issues */
|
||||||
.oauth-app-header {
|
.oauth-app-header {
|
||||||
padding: 0px !important;
|
padding: 0px !important;
|
||||||
|
Reference in New Issue
Block a user