pub/lct-hack
Watch
1
0
Fork
You've already forked lct-hack
 0
Code Releases Packages 5 Activity

lct-11: таймеры ГОСТ и баннер режима на АРМ курсанта

Browse source 
Опрос (75 с) — крупным индикатором: это центральная метрика продукта,
и она обязана быть видна курсанту, преподавателю и залу одновременно.
Три состояния норматива — единственное место, где цвет несёт смысл.

Фронт время не считает и рисует ровно те цифры, что прислал сервер:
метрика по часам браузера недоказуема.

Баннер режима определяет доступность подсказки: в контрольном режиме
кнопки нет, и это часть нормы контроля.
This commit is contained in:
Ivan Gerasimov 2026-09-17 21:18:28 +03:00
commit 78f66cf3b5
5 changed files with 101 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

18
frontend/src/styles.css
View file

@ -51,3 +51,21 @@ button:disabled { opacity: 0.5; cursor: default; }
.required { color: var(--warn); font-weight: 700; }
/* Правка, которую сервер ещё не подтвердил. */
.pending { background: #fffbe6; }
/* Три состояния норматива — единственное место, где цвет несёт смысл.
На внешнем мониторе они должны различаться с последнего ряда. */
.state-ok { color: var(--ok); }
.state-warn { color: var(--warn); font-weight: 600; }
.state-violated { color: var(--violated); font-weight: 700; }
.interview { display: flex; align-items: baseline; gap: 12px; margin: 8px 0 16px; }
.interview-label { text-transform: uppercase; letter-spacing: 0.08em; font-size: 12px; }
.interview-value { font-size: 40px; font-variant-numeric: tabular-nums; font-weight: 700; line-height: 1; }
.interview-limit { font-size: 12px; color: #5a6068; }
.interview-big .interview-value { font-size: 96px; }
.interview-big .interview-label, .interview-big .interview-limit { font-size: 20px; }
.mode-banner { padding: 4px 24px; margin: -16px -24px 12px; border-bottom: 1px solid var(--line); font-weight: 600; }
.mode-training { background: #e8f0fb; }
.mode-exam { background: #fde8e8; }
.mode-self { background: #eef3ea; }