исправил боковую панель. теперь на десктопе она сворачивается не полностью
This commit is contained in:
@@ -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 {
|
||||
@@ -153,13 +153,46 @@
|
||||
/* 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-back span {
|
||||
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-back {
|
||||
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;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user