From ab5b0d04449e0ccdcb3725156344203682e47c4d Mon Sep 17 00:00:00 2001 From: erjemin Date: Mon, 12 Jan 2026 20:34:30 +0300 Subject: [PATCH] =?UTF-8?q?add:=20=D0=BB=D0=BE=D0=B3=D0=BE=D1=82=D0=B8?= =?UTF-8?q?=D0=BF=D1=8B=20=D0=BD=D0=B0=20navbar?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../typograph/templates/typograph/base.html | 35 +++++++-- public/static/svg/logo-etpgrf-site-dark.svg | 76 +++++++++++++++++++ public/static/svg/logo-etpgrf-site-light.svg | 76 +++++++++++++++++++ 3 files changed, 180 insertions(+), 7 deletions(-) create mode 100644 public/static/svg/logo-etpgrf-site-dark.svg create mode 100644 public/static/svg/logo-etpgrf-site-light.svg diff --git a/etpgrf_site/typograph/templates/typograph/base.html b/etpgrf_site/typograph/templates/typograph/base.html index b6c6fef..c6519ff 100644 --- a/etpgrf_site/typograph/templates/typograph/base.html +++ b/etpgrf_site/typograph/templates/typograph/base.html @@ -65,7 +65,7 @@ /* Цвет фокуса для полей ввода */ --bs-focus-ring-color: rgba(176, 190, 197, 0.25); - /* Фон navbar в темной теме */ + /* Фон навбара в темной теме */ --bs-navbar-bg: #55558555; --bs-navbar-color: #b0bec5; } @@ -73,17 +73,33 @@ /* Небольшие стили для красоты */ body { background-color: var(--bs-body-bg); } - /* Navbar: используем переменную для фона */ + /* Навбар: используем переменную для фона */ .navbar { background-color: var(--bs-navbar-bg) !important; border-bottom: 1px solid var(--bs-border-color); + padding: 0; /* Убираем отступы у навбара */ } .navbar-brand { - color: var(--bs-navbar-color) !important; - font-weight: bold; + padding: 0; /* Убираем отступы у бренда */ + } + + /* Логотип */ + .logo-img { + width: 70%; + height: auto; + margin-left: -3%; /* Немного сдвигаем влево, чтобы буквы ETPGRF логотипа выровнять */ + max-height: 150px; /* Ограничиваем высоту */ + object-fit: contain; /* Вписываем, сохраняя пропорции */ } + /* Переключение логотипов */ + [data-bs-theme="dark"] .logo-light { display: none; } + [data-bs-theme="dark"] .logo-dark { display: block; } + [data-bs-theme="light"] .logo-light { display: block; } + [data-bs-theme="light"] .logo-dark { display: none; } + /* === ПЕРЕОПРЕДЕЛЕНИЕ КОМПОНЕНТОВ BOOTSTRAP === */ + /* Кнопки Primary */ .btn-primary { --bs-btn-bg: var(--bs-primary); @@ -99,6 +115,7 @@ --bs-btn-hover-color: #151111; --bs-btn-active-color: #151111; } + /* Чекбоксы и Радио */ .form-check-input:checked { background-color: var(--bs-primary); @@ -109,11 +126,13 @@ /* SVG галочки черного цвета (закодирован в base64) */ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23151111' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e"); } + /* Фокус на полях ввода */ .form-control:focus, .form-select:focus, .form-check-input:focus { border-color: var(--bs-primary); box-shadow: 0 0 0 0.25rem var(--bs-focus-ring-color); } + .result-box { background: var(--bs-body-bg); color: var(--bs-body-color); @@ -176,10 +195,12 @@ {# ШАПКА и главное меню #} -{# Убрал bg-dark и navbar-dark, теперь цвета управляются через CSS #} diff --git a/public/static/svg/logo-etpgrf-site-dark.svg b/public/static/svg/logo-etpgrf-site-dark.svg new file mode 100644 index 0000000..54c3865 --- /dev/null +++ b/public/static/svg/logo-etpgrf-site-dark.svg @@ -0,0 +1,76 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/public/static/svg/logo-etpgrf-site-light.svg b/public/static/svg/logo-etpgrf-site-light.svg new file mode 100644 index 0000000..f5b86ca --- /dev/null +++ b/public/static/svg/logo-etpgrf-site-light.svg @@ -0,0 +1,76 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +