mirror of
https://github.com/Significant-Gravitas/AutoModerate.git
synced 2026-11-09 17:54:01 -10:00
Bentlybro
03f546cda4
Replaces monolithic base.css with modular CSS files for layout, dark mode, tables, forms, modals, and responsive utilities. Moves theme initialization script from base.js to base.html to prevent dark mode flash on page load. Updates base.html to reference new CSS files and removes the old base.css import.
79 lines
1.4 KiB
CSS
79 lines
1.4 KiB
CSS
/* Core layout styles */
|
|
.sidebar {
|
|
min-height: 100vh;
|
|
background-color: #f8f9fa;
|
|
}
|
|
|
|
.content-area {
|
|
min-height: 100vh;
|
|
}
|
|
|
|
.status-badge {
|
|
font-size: 0.8em;
|
|
}
|
|
|
|
.real-time-indicator {
|
|
position: fixed;
|
|
bottom: 20px;
|
|
right: 20px;
|
|
z-index: 1000;
|
|
opacity: 0.7;
|
|
transition: opacity 0.3s ease;
|
|
}
|
|
|
|
.real-time-indicator:hover {
|
|
opacity: 1;
|
|
}
|
|
|
|
/* Sidebar toggle button */
|
|
#sidebar-toggle {
|
|
transition: all 0.3s ease;
|
|
border: 1px solid #dee2e6;
|
|
background-color: transparent;
|
|
color: #6c757d;
|
|
min-width: 38px;
|
|
height: 38px;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
border-radius: 0.375rem;
|
|
}
|
|
|
|
#sidebar-toggle:hover {
|
|
background-color: #e9ecef;
|
|
border-color: #adb5bd;
|
|
color: #495057;
|
|
}
|
|
|
|
#sidebar-toggle:focus {
|
|
box-shadow: 0 0 0 0.25rem rgba(108, 117, 125, 0.25);
|
|
}
|
|
|
|
/* Page header improvements */
|
|
.page-header {
|
|
border-bottom: 1px solid #dee2e6;
|
|
padding-bottom: 0.5rem;
|
|
margin-bottom: 1.5rem;
|
|
}
|
|
|
|
/* Ensure sidebar toggle aligns with page title */
|
|
.page-header .d-flex.align-items-center h1 {
|
|
margin-bottom: 0;
|
|
line-height: 1.2;
|
|
}
|
|
|
|
/* Fix admin statistics layout */
|
|
.card .text-center h4 {
|
|
margin-bottom: 0.5rem;
|
|
}
|
|
|
|
.card .text-center small {
|
|
display: block;
|
|
margin-top: 0.25rem;
|
|
}
|
|
|
|
/* Ensure statistics numbers are properly spaced */
|
|
.card-body .text-center {
|
|
padding: 0.5rem 0;
|
|
}
|