Improve mobile sidebar UX

This commit is contained in:
thePR0M3TH3AN
2025-07-10 16:25:32 -04:00
parent a8982d9047
commit ebe5ab7516
4 changed files with 46 additions and 1 deletions

View File

@@ -23,7 +23,9 @@ body {
align-items: center;
padding: 0.5rem 1rem;
background: var(--sidebar-bg);
position: relative;
position: sticky;
top: 0;
z-index: 1100;
}
.search-input {
margin-left: auto;
@@ -117,6 +119,20 @@ main {
text-decoration: none;
color: var(--text-color);
}
.sidebar-overlay {
display: none;
}
body.sidebar-open .sidebar-overlay {
display: block;
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.3);
z-index: 999;
}
@media (max-width: 768px) {
.sidebar {
position: fixed;