Fix mobile settings sidebar: keep vertical layout instead of horizontal row
This commit is contained in:
@@ -787,24 +787,24 @@ body {
|
|||||||
display: block;
|
display: block;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Mobile: stack sidebar above content */
|
/* Mobile: compact vertical sidebar */
|
||||||
@media (max-width: 640px) {
|
@media (max-width: 640px) {
|
||||||
.settings-layout {
|
.settings-layout {
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
}
|
}
|
||||||
.settings-sidebar {
|
.settings-sidebar {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
flex-direction: row;
|
flex-direction: column;
|
||||||
overflow-x: auto;
|
overflow: visible;
|
||||||
position: static;
|
position: static;
|
||||||
scrollbar-width: none;
|
scrollbar-width: none;
|
||||||
|
gap: 1px;
|
||||||
|
padding: 4px;
|
||||||
}
|
}
|
||||||
.settings-sidebar::-webkit-scrollbar {
|
.settings-sidebar::-webkit-scrollbar {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
.settings-nav-item {
|
.settings-nav-item {
|
||||||
white-space: nowrap;
|
|
||||||
flex-shrink: 0;
|
|
||||||
padding: 8px 12px;
|
padding: 8px 12px;
|
||||||
font-size: 0.8rem;
|
font-size: 0.8rem;
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user