38 lines
781 B
CSS
38 lines
781 B
CSS
/* Sidebar specific styles */
|
|
.sidebar {
|
|
position: fixed;
|
|
top: 0;
|
|
left: 0;
|
|
width: 16rem; /* 256px */
|
|
height: 100vh;
|
|
background-color: white;
|
|
border-right: 1px solid #e5e7eb;
|
|
transform: translateX(0);
|
|
transition: transform 0.3s ease-in-out;
|
|
z-index: 1000;
|
|
overflow-y: auto;
|
|
}
|
|
|
|
.sidebar-closed {
|
|
transform: translateX(-100%);
|
|
}
|
|
|
|
.nav-button {
|
|
width: 100%;
|
|
text-align: left;
|
|
justify-content: flex-start;
|
|
padding: 0.75rem 1rem;
|
|
border-radius: 0.375rem;
|
|
margin-bottom: 0.25rem;
|
|
background-color: transparent;
|
|
transition: background-color 0.15s ease-in-out;
|
|
}
|
|
|
|
.nav-button:hover {
|
|
background-color: #f3f4f6;
|
|
}
|
|
|
|
.nav-button.bg-blue-50 {
|
|
background-color: #eff6ff !important;
|
|
color: #1d4ed8 !important;
|
|
}
|