добавил детальный вид итема, пока недопиленый
All checks were successful
Deploy MES Core / deploy (push) Successful in 8s

This commit is contained in:
tertelius
2026-03-29 02:49:28 +03:00
parent a4ba577206
commit b256bec04b
15 changed files with 539 additions and 226 deletions

View File

@@ -1,38 +1,105 @@
/* Акцентные цвета для темной темы */
[data-bs-theme="dark"] {
--bs-body-bg: #121212;
--bs-body-color: #e9ecef;
--bs-accent: #ffc107; /* Тот самый желтый */
/* --- ГЛОБАЛЬНЫЕ НАСТРОЙКИ --- */
body {
display: flex;
flex-direction: column;
min-height: 100vh;
/* Убрали общее центрирование, чтобы реестр был сверху */
justify-content: flex-start;
}
[data-bs-theme="dark"] .table-custom-header {
/* Навбар и Футер: жестко фиксируем цвет для обеих тем */
.navbar, .footer-custom {
/* Темный графит, который хорошо смотрится и там, и там */
background-color: #2c3034 !important;
border-bottom: 1px solid #3d4246 !important;
border-top: 1px solid #3d4246 !important; /* Для футера */
}
/* Принудительно светлый текст для футера и навбара */
.navbar .nav-link,
.navbar .navbar-brand,
.footer-custom span,
.footer-custom strong {
color: #e9ecef !important;
}
/* Состояние активной ссылки в меню */
.nav-link.active {
color: var(--bs-accent) !important;
border-bottom: 2px solid var(--bs-accent);
}
/* Цвет ссылок в темном навбаре, чтобы не сливались */
.navbar .nav-link, .navbar .navbar-brand, .navbar .text-reset {
color: #e9ecef !important;
}
/* --- РЕЕСТР --- */
/* Делаем строку таблицы визуально кликабельной */
.clickable-row {
cursor: pointer;
transition: background-color 0.2s ease;
}
/* Подсветка при наведении */
.clickable-row:hover {
background-color: rgba(255, 193, 7, 0.05) !important; /* Легкий отсвет нашего акцента */
}
/* --- ТЕМЫ --- */
[data-bs-theme="dark"] {
--bs-body-bg: #121212; /* Глубокий черный фон */
--bs-body-color: #e9ecef; /* Светло-серый текст */
--bs-accent: #ffc107; /* Желтый акцент (Amber) */
}
[data-bs-theme="light"] {
--bs-body-bg: #f8f9fa; /* Почти белый фон */
--bs-body-color: #212529; /* Темный текст */
--bs-accent: #0d6efd; /* Синий акцент для светлой темы */
}
/* --- ТАБЛИЦА И КАРТОЧКИ --- */
/* Заголовок таблицы: всегда темный с акцентным текстом */
.table-custom-header {
background-color: #1e1e1e !important;
color: var(--bs-accent) !important;
font-size: 0.9rem;
text-transform: uppercase; /* Все буквы заглавные */
}
/* Акцентные цвета для светлой темы */
[data-bs-theme="light"] {
--bs-body-bg: #e2e2e2;
--bs-body-color: #212529;
--bs-accent: #0f5132; /* Темно-зеленый */
/* Фикс для таблиц в светлой теме */
[data-bs-theme="light"] .table {
--bs-table-bg: #ffffff;
--bs-table-color: #212529;
--bs-table-hover-bg: #f1f3f5;
}
/* Общие классы */
.text-accent {
color: var(--bs-accent) !important;
}
/* --- ВСПОМОГАТЕЛЬНЫЕ КЛАССЫ --- */
/* Текст акцентного цвета */
.text-accent { color: var(--bs-accent) !important; }
/* Кнопка с контуром акцентного цвета */
.btn-outline-accent {
color: var(--bs-accent) !important;
border-color: var(--bs-accent) !important;
}
/* Состояние кнопки при наведении */
.btn-outline-accent:hover {
background-color: var(--bs-accent) !important;
color: #000 !important;
color: #000 !important; /* Текст становится черным для контраста */
}
/* Фикс для навигации */
.nav-link.active {
border-bottom: 2px solid var(--bs-accent);
/* Специальный класс для центрирования окна логина (вернем его только там) */
.flex-center-center {
display: flex;
flex-grow: 1;
align-items: center; /* Центр по вертикали */
justify-content: center; /* Центр по горизонтали */
}