Настройки: поля кабинета не разъезжаются — подпись, ввод и пояснение каждое со своей строки
На странице настроек label не блочный, поэтому подпись, поле и пояснение вставали в одну строку и текст обтекал ввод. Добавлен класс поля .fld (сетка) и применён в карточках «Кабинет клиента», «Кабинет на этом сервере» и «ЕСИА Финанс». Co-Authored-By: Claude Opus 5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01Q4YVo4UMopqT5DzicqpPjL
This commit is contained in:
@@ -189,6 +189,12 @@ input, select, textarea {
|
||||
}
|
||||
input:focus, select:focus, textarea:focus { outline:2px solid var(--accent-weak); border-color:var(--accent); }
|
||||
label { font-size:13px; font-weight:500; }
|
||||
/* Поле формы: подпись, ввод и пояснение — каждое со своей строки. Без этого label,
|
||||
input и подсказка идут в строку и «разъезжаются» на широком экране. */
|
||||
.fld { display:grid; gap:4px; align-content:start; }
|
||||
.fld > label { font-weight:600; }
|
||||
.fld input[type=text], .fld input[type=password], .fld input[type=email], .fld select { width:100%; max-width:460px; }
|
||||
.fld .muted { max-width:620px; line-height:1.45; }
|
||||
|
||||
/* ---- Баннер режима эмуляции ---- */
|
||||
.banner-mock { background:var(--warn-weak); border-bottom:1px solid var(--warn); padding:10px 24px; display:flex; align-items:center; gap:12px; font-size:13px; }
|
||||
|
||||
Reference in New Issue
Block a user