diff --git a/index.html b/index.html index b48ad2f..092cf8c 100644 --- a/index.html +++ b/index.html @@ -364,6 +364,45 @@ tr:hover td { background: var(--cyan-50); } } .action-btn:hover { background: var(--gray-100); } +/* Norm hint in issuance modal */ +.norm-hint { + margin: 16px 0 8px; + padding: 12px; + background: var(--cyan-50); + border-radius: var(--radius); + border: 1px solid rgba(0,229,255,.2); +} +.norm-hint-label { + font-size: 13px; + font-weight: 700; + margin-bottom: 8px; + color: var(--ink); +} +.norm-hint-item { + display: flex; + align-items: center; + justify-content: space-between; + gap: 8px; + padding: 6px 0; + font-size: 13px; + border-bottom: 1px solid rgba(0,0,0,.05); +} +.norm-hint-item:last-child { border-bottom: none; } +.norm-hint-item-name { font-weight: 600; } +.norm-hint-item-wear { color: var(--gray-500); font-size: 12px; white-space: nowrap; } +.norm-hint-item .btn-xs { + padding: 3px 10px; + font-size: 11px; + font-weight: 600; + border-radius: 4px; + border: none; + cursor: pointer; + background: var(--cyan); + color: var(--ink); + white-space: nowrap; +} +.norm-hint-item .btn-xs:hover { opacity: .8; } + /* Responsive */ @media (max-width: 768px) { .header { padding: 12px 16px; } @@ -394,6 +433,7 @@ tr:hover td { background: var(--cyan-50); } + @@ -490,6 +530,41 @@ tr:hover td { background: var(--cyan-50); } + +
+
+ + + +
+
+ + + + + + + + + + + + + +
ДолжностьКлим. поясСИЗСрок носкиКол-воПримечание
+
+ +
+
@@ -612,6 +687,17 @@ tr:hover td { background: var(--cyan-50); }
+
+
+ + +
+
+ + +