AskaEth/TurboSu
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: mobile sidebar display toggle instead of transform

Browse Source
This commit is contained in:
AskaEth
2026-07-27 12:01:19 +08:00
parent e8c3c85193
commit 6c4e61f0c0
1 changed files with 2 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files
static/css/main.css
+2 -11
View File
@@ -707,27 +707,18 @@ code {
} }
.sidebar { .sidebar {
display: none;
position: fixed; position: fixed;
left: 0; top: 0; left: 0; top: 0;
width: var(--sidebar-width); width: var(--sidebar-width);
height: 100vh; height: 100vh;
z-index: 200; z-index: 200;
transform: translateX(-100%);
transition: transform .3s ease;
box-shadow: none; box-shadow: none;
} }
.sidebar.mobile-open { .sidebar.mobile-open {
transform: translateX(0); display: flex;
box-shadow: 4px 0 24px rgba(0,0,0,.3); box-shadow: 4px 0 24px rgba(0,0,0,.3);
} }
.sidebar.mobile-open .nav-label,
.sidebar.mobile-open .sidebar-title,
.sidebar.mobile-open .sidebar-logo {
opacity: 1;
visibility: visible;
width: auto;
overflow: visible;
}
.main-content { .main-content {
padding-bottom: 64px; padding-bottom: 64px;