122 lines
2.2 KiB
CSS
122 lines
2.2 KiB
CSS
|
|
/* General Body Styling */
|
|
body {
|
|
background-color: #121212;
|
|
color: #E0E0E0;
|
|
font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
|
|
}
|
|
|
|
/* Main wrapper for sidebar and content */
|
|
.main-wrapper {
|
|
display: flex;
|
|
min-height: 100vh;
|
|
}
|
|
|
|
/* Sidebar Styling */
|
|
.sidebar {
|
|
width: 260px;
|
|
background-color: #1E1E1E;
|
|
padding: 1.5rem;
|
|
border-right: 1px solid #333333;
|
|
}
|
|
|
|
.sidebar .nav-link {
|
|
color: #A0A0A0;
|
|
padding: 0.75rem 1rem;
|
|
margin-bottom: 0.5rem;
|
|
border-radius: 0.5rem;
|
|
font-weight: 500;
|
|
}
|
|
|
|
.sidebar .nav-link:hover {
|
|
color: #E0E0E0;
|
|
background-color: #282828;
|
|
}
|
|
|
|
.sidebar .nav-link.active {
|
|
color: #FFFFFF;
|
|
background-color: #377DFF;
|
|
}
|
|
|
|
/* Content Area */
|
|
.content-wrapper {
|
|
flex-grow: 1;
|
|
padding: 2rem;
|
|
overflow-y: auto;
|
|
}
|
|
|
|
/* Top Navbar */
|
|
.top-navbar {
|
|
background-color: #1E1E1E;
|
|
border-bottom: 1px solid #333333;
|
|
padding: 1rem 2rem;
|
|
color: #E0E0E0;
|
|
font-size: 1.25rem;
|
|
font-weight: 600;
|
|
}
|
|
|
|
/* Page Header */
|
|
.page-header {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
margin-bottom: 1.5rem;
|
|
}
|
|
|
|
/* Card & Table Styling */
|
|
.card {
|
|
background-color: #1E1E1E;
|
|
border: 1px solid #333333;
|
|
border-radius: 0.5rem;
|
|
}
|
|
|
|
.table {
|
|
color: #E0E0E0;
|
|
border-color: #333333;
|
|
margin-bottom: 0; /* Remove default margin */
|
|
}
|
|
|
|
.table th, .table td {
|
|
border-color: #333333;
|
|
padding: 1rem; /* Comfortable row height */
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.table thead th {
|
|
background-color: #282828;
|
|
border-bottom-width: 2px;
|
|
}
|
|
|
|
.table-hover tbody tr:hover {
|
|
color: #E0E0E0;
|
|
background-color: #2a2a2a;
|
|
}
|
|
|
|
/* Button Styling */
|
|
.btn-primary {
|
|
background-color: #377DFF;
|
|
border-color: #377DFF;
|
|
}
|
|
.btn-primary:hover, .btn-primary:focus {
|
|
background-color: #2968d6;
|
|
border-color: #2968d6;
|
|
}
|
|
|
|
/* Make disabled buttons look right */
|
|
.btn.disabled, .btn:disabled {
|
|
opacity: 0.5;
|
|
}
|
|
|
|
/* Utility for spacious layout */
|
|
.header-actions .btn {
|
|
margin-left: 0.5rem;
|
|
}
|
|
|
|
/* Uniform Button Sizing */
|
|
.page-header .header-actions .btn,
|
|
.card .actions .btn,
|
|
#override-btn {
|
|
min-width: 150px;
|
|
text-align: center;
|
|
}
|