Fix mobile css

This commit is contained in:
cuom1999 2022-06-05 11:29:59 -05:00
parent 819e436af1
commit f7d1db4dd5

View file

@ -155,6 +155,7 @@
overflow: hidden; overflow: hidden;
overflow-wrap: anywhere; overflow-wrap: anywhere;
padding-bottom: 1em; padding-bottom: 1em;
clear: both;
} }
.problem-feed-name { .problem-feed-name {
display: inline; display: inline;
@ -172,7 +173,6 @@
} }
.left-sidebar-item { .left-sidebar-item {
padding: 0.8em 0.2em 0.8em 1em;
.sidebar-icon { .sidebar-icon {
width: 1.2em; width: 1.2em;
display: inline-block; display: inline-block;
@ -205,11 +205,13 @@
.pre-expand-blog:hover { .pre-expand-blog:hover {
background-color: #f3f3f3; background-color: #f3f3f3;
} }
@media (max-width: 799px) { @media (max-width: 799px) {
.left-sidebar-header { .left-sidebar-header {
display: none; display: none;
} }
.left-sidebar-item { .left-sidebar-item {
padding: 0.8em 0.2em 0.8em 0.2em;
display: inline-block; display: inline-block;
flex: 1; flex: 1;
border-radius: 8px; border-radius: 8px;
@ -226,6 +228,9 @@
} }
} }
@media (min-width: 800px) { @media (min-width: 800px) {
.left-sidebar-item {
padding: 0.8em 0.2em 0.8em 1em;
}
.middle-content, .blog-sidebar, .right-sidebar { .middle-content, .blog-sidebar, .right-sidebar {
display: block !important; display: block !important;
} }