исправил боковую панель. теперь на десктопе она сворачивается не полностью

This commit is contained in:
Zuev
2026-03-28 14:20:46 +03:00
parent 0b9d063266
commit d0a8148fa0
4 changed files with 92 additions and 26 deletions

View File

@@ -13,7 +13,7 @@
top: 0;
bottom: 0;
z-index: 10;
transition: background 0.4s ease, border-color 0.4s ease, transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
transition: width 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), background 0.4s ease, border-color 0.4s ease, transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.sidebar-header {
@@ -161,7 +161,8 @@
position: absolute;
bottom: calc(100% + 0.5rem);
left: 0;
right: 0;
min-width: 100%;
width: max-content;
background: rgba(10, 10, 15, 0.95);
backdrop-filter: blur(16px);
-webkit-backdrop-filter: blur(16px);
@@ -241,13 +242,47 @@
/* Desktop Collapse State */
@media (min-width: 769px) {
.sidebar.collapsed {
transform: translateX(-100%);
width: 74px;
}
.sidebar.collapsed .logo span,
.sidebar.collapsed .nav-item span,
.sidebar.collapsed .btn-settings span,
.sidebar.collapsed .settings-chevron {
display: none;
}
.sidebar.collapsed .sidebar-close-btn {
transform: rotate(180deg);
}
.sidebar.collapsed .logo {
justify-content: center;
padding: 0;
}
.sidebar.collapsed .nav-item {
justify-content: center;
padding: 0.75rem 0;
}
.sidebar.collapsed .btn-settings {
justify-content: center;
padding: 0.65rem 0;
}
.sidebar.collapsed .sidebar-header {
flex-direction: column;
gap: 1.5rem;
padding: 1.25rem 0;
}
.main.sidebar-collapsed {
margin-left: 0;
margin-left: 74px;
}
.main.sidebar-collapsed .menu-toggle {
display: block;
display: none;
}
}