feat: add btn-good, progress bar, and file import styles
Some checks failed
CI / Lint & Test (push) Has been cancelled
Deploy Status Page / Build & Deploy (push) Has been cancelled

This commit is contained in:
viktorvsk 2026-04-23 04:57:16 +00:00
parent 5d1974605e
commit 3228379cde

View File

@ -431,3 +431,31 @@ kbd {
.progress-text { font-size: 0.85rem; color: #6b7280; } .progress-text { font-size: 0.85rem; color: #6b7280; }
/* ── Good button ────────────────────────────────────── */
.btn-good { background: #10b981; color: #fff; min-width: 110px; justify-content: center; }
/* ── Progress bar ──────────────────────────────────── */
.progress-bar-wrap {
width: 100%;
height: 6px;
background: #e5e7eb;
border-radius: 99px;
margin-bottom: 20px;
overflow: hidden;
}
.progress-bar-fill {
height: 100%;
background: linear-gradient(90deg, #6366f1, #22c55e);
border-radius: 99px;
transition: width 0.4s ease;
}
/* ── File import ───────────────────────────────────── */
.import-file-row {
display: flex;
align-items: center;
gap: 12px;
margin-bottom: 10px;
}
.file-input { font-size: 0.85rem; color: #374151; }
.import-or { font-size: 0.82rem; color: #9ca3af; }