feat: add btn-good, progress bar, and file import styles
This commit is contained in:
parent
5d1974605e
commit
3228379cde
@ -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; }
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user