From 3228379cde9356c6bc7aca4797a8de93938087d9 Mon Sep 17 00:00:00 2001 From: viktorvsk Date: Thu, 23 Apr 2026 04:57:16 +0000 Subject: [PATCH] feat: add btn-good, progress bar, and file import styles --- app/assets/stylesheets/application.css | 28 ++++++++++++++++++++++++++ 1 file changed, 28 insertions(+) diff --git a/app/assets/stylesheets/application.css b/app/assets/stylesheets/application.css index f5b53cd..1d25cd9 100644 --- a/app/assets/stylesheets/application.css +++ b/app/assets/stylesheets/application.css @@ -431,3 +431,31 @@ kbd { .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; }