daba5a8438
This commit adds IntelliJ IDEA-specific configuration files for the project, including module setup, version control integration, inspection profiles, and workspace settings. These files facilitate development environment configuration for contributors using IntelliJ IDEA.
93 lines
1.6 KiB
CSS
93 lines
1.6 KiB
CSS
/* === Layout === */
|
|
.layout-root {
|
|
display: flex;
|
|
height: 100vh;
|
|
overflow: hidden;
|
|
}
|
|
|
|
/* === Sidebar === */
|
|
.sidebar {
|
|
width: 16rem;
|
|
height: 100%;
|
|
color: white;
|
|
display: flex;
|
|
flex-direction: column;
|
|
background: linear-gradient(180deg, #0f4c81 0%, #1a6baf 100%);
|
|
transition: all 0.3s;
|
|
}
|
|
.sidebar-header {
|
|
padding: 1.25rem;
|
|
border-bottom: 1px solid #2b6cb0;
|
|
}
|
|
.sidebar-title {
|
|
font-size: 1.25rem;
|
|
font-weight: 700;
|
|
}
|
|
.sidebar-subtitle {
|
|
font-size: 0.875rem;
|
|
color: #bfdbfe;
|
|
}
|
|
.nav-section {
|
|
padding: 1rem 0;
|
|
flex-grow: 1;
|
|
}
|
|
.nav-label {
|
|
padding: 0.5rem 1rem;
|
|
font-size: 0.75rem;
|
|
text-transform: uppercase;
|
|
color: #93c5fd;
|
|
letter-spacing: 0.05em;
|
|
}
|
|
.nav-item {
|
|
display: flex;
|
|
align-items: center;
|
|
padding: 0.75rem 1.5rem;
|
|
color: white;
|
|
transition: all 0.2s;
|
|
text-decoration: none;
|
|
}
|
|
.nav-item:hover {
|
|
background-color: rgba(255, 255, 255, 0.1);
|
|
}
|
|
.nav-item.active {
|
|
background-color: rgba(255, 255, 255, 0.2);
|
|
border-left: 4px solid white;
|
|
}
|
|
.nav-icon {
|
|
width: 1.25rem;
|
|
height: 1.25rem;
|
|
margin-right: 0.75rem;
|
|
}
|
|
.user-profile {
|
|
padding: 1rem;
|
|
border-top: 1px solid #2b6cb0;
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
.user-avatar {
|
|
width: 2.5rem;
|
|
height: 2.5rem;
|
|
border-radius: 9999px;
|
|
background-color: #3b82f6;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
font-weight: 700;
|
|
color: white;
|
|
}
|
|
.user-details {
|
|
margin-left: 0.75rem;
|
|
}
|
|
.user-name {
|
|
font-size: 0.875rem;
|
|
font-weight: 500;
|
|
}
|
|
.user-role {
|
|
font-size: 0.75rem;
|
|
color: #bfdbfe;
|
|
}
|
|
.logout-button {
|
|
margin-left: auto;
|
|
color: white;
|
|
}
|