diff --git a/internal/lkgateway/web/templates/admin_setup.html b/internal/lkgateway/web/templates/admin_setup.html index bd195dd..fbe5b0b 100644 --- a/internal/lkgateway/web/templates/admin_setup.html +++ b/internal/lkgateway/web/templates/admin_setup.html @@ -108,7 +108,7 @@ {{$U := .Users}}{{$A := .Settings.Auth}}
Кто может входить в bj и что ему разрешено. Вход — локальной учётной записью или доменной (Active Directory), роль доменного пользователя назначается по его группам AD.
- {{if $U.Open}}Перевыпустили ключ (новый сертификат) или нужен ключ другого контура — заменить ключ: bj поможет подключить флешку или записать новый ключ из архива.
{{end}}Пошаговая установка: флешка с ключом или архив ключа от НРД с паролем → справочник сертификатов → проверка подписи → готово.
Установить ключ → diff --git a/internal/lkgateway/web/templates/layout.html b/internal/lkgateway/web/templates/layout.html index 70df8df..8c96335 100644 --- a/internal/lkgateway/web/templates/layout.html +++ b/internal/lkgateway/web/templates/layout.html @@ -276,15 +276,31 @@ label { font-size:13px; font-weight:500; } .settings-nav button .ind.err { background:var(--err); } .settings-section { display:none; } .settings-section.active { display:block; } -.settings-section > h1 { margin-bottom:18px; font-size:24px; font-weight:700; letter-spacing:-0.015em; } -/* «Настройка» в стиле мастера (07.10.2026): скруглённые карточки, спокойные поля, крупные заголовки */ -.settings-section .card { padding:24px 28px 20px; border-radius:16px; } -.settings-section .card > h2:first-child { font-size:17px; font-weight:660; letter-spacing:-0.01em; margin:0 0 6px; } -.settings-section .card > h2:first-child + p.muted { font-size:14px; margin:0 0 14px; } +/* Единый вид «Настройки» и мастера (07.10.2026): раздел настроек устроен как шаг мастера — одна карточка, + заголовок и вводный текст, подблоки через тонкие разделители (не стопка отдельных карточек); поля — подпись + над полем, поле во всю колонку; текст — 14.5px, как в мастере. */ +.settings-section.active { background:var(--card); border:1px solid var(--border); border-radius:16px; box-shadow:var(--shadow); padding:28px 32px 24px; } +.settings-section > h1 { font-size:21px; font-weight:680; letter-spacing:-0.015em; margin:0 0 6px; } +.settings-section > h1 + p, .settings-section > h1 + .muted { color:var(--muted); font-size:14.5px !important; margin:0 0 18px !important; max-width:none !important; } +.settings-section .card { border:0; border-top:1px solid var(--border); border-radius:0; box-shadow:none; background:transparent; padding:20px 0 0; margin:20px 0 0; } +.settings-section > h1 + .card, .settings-section > h1 + p + .card, .settings-section > h1 + .muted + .card, .settings-section > h1 + p + p + .card { border-top:0; padding-top:0; margin-top:0; } +.settings-section .card > h2:first-child { font-size:16px; font-weight:650; letter-spacing:-0.005em; margin:0 0 6px; } +.settings-section .card > h2:first-child + p.muted { font-size:13.5px; margin:0 0 12px; } +.settings-section .card .card { padding-top:16px; margin-top:16px; } +/* плашка внутри раздела (ключ не подключён, вход открыт) — остаётся плашкой */ +.settings-section .card.callout { border:1px solid color-mix(in srgb, var(--accent) 22%, var(--border)); border-radius:12px; padding:16px 18px; margin:18px 0 0; } +.settings-section > h1 + .card.callout, .settings-section > h1 + p + .card.callout { margin-top:4px; padding-top:16px; border-top:1px solid color-mix(in srgb, var(--accent) 22%, var(--border)); } +.settings-section .card.callout + .card { border-top:0; } +:is(.settings-section, .wiz-card) p { font-size:14.5px; } +:is(.settings-section, .wiz-card) p.muted, :is(.settings-section, .wiz-card) .muted p { font-size:13.5px; } .settings-section input:not([type=radio]):not([type=checkbox]):not([type=hidden]):not([type=file]):not([type=submit]), .settings-section select, .settings-section textarea { background:var(--card-2) !important; border:1px solid var(--border) !important; border-radius:10px !important; padding:10px 13px !important; font-size:14.5px; color:var(--text); box-sizing:border-box; } .settings-section input:focus, .settings-section select:focus, .settings-section textarea:focus { background:var(--card) !important; border-color:var(--accent) !important; outline:3px solid var(--accent-weak); } .settings-section .btn, .settings-section button { border-radius:10px; } .settings-section input[type=radio], .settings-section input[type=checkbox] { width:auto; } +/* поля в сетке: подпись над полем, поле во всю ширину колонки (иначе «Порт [587]» вставал в строку) */ +:is(.settings-section, .wiz-card) .grid > div > label:not(:has(input[type=checkbox], input[type=radio])) { display:block; margin:0; } +:is(.settings-section, .wiz-card) .grid > div > :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]), select, textarea) { display:block; width:100%; box-sizing:border-box; margin-top:5px !important; } +@media (max-width:820px) { .settings-section.active { padding:20px 18px 18px; } } @media (max-width:820px) { .settings { grid-template-columns:1fr; } .settings-nav { flex-direction:row; overflow-x:auto; position:static; padding-bottom:8px; }