diff --git a/dashboard.css b/dashboard.css index 84d637c..895b0ea 100644 --- a/dashboard.css +++ b/dashboard.css @@ -628,14 +628,63 @@ border: 1px solid var(--border); } -.quick-links button { - width: 100%; - margin-bottom: 0.75rem; - text-align: left; - padding: 1rem; - justify-content: flex-start; +.btn-scribe { + background: var(--secondary); + color: white; + border: none; + padding: 0.8rem 1.5rem; + border-radius: 12px; + font-weight: 600; + cursor: pointer; + display: flex; + align-items: center; + gap: 0.5rem; + transition: all 0.2s ease; } +.btn-scribe:hover { + transform: translateY(-2px); + box-shadow: 0 4px 12px rgba(14, 165, 233, 0.3); +} + +.scribe-indicator { + background: #F0F9FF; + border: 1px solid #BAE6FD; + padding: 1rem; + border-radius: 12px; + margin-bottom: 1.5rem; + font-size: 0.9rem; + color: #0369A1; + display: flex; + align-items: center; + gap: 0.8rem; +} + +.scribe-indicator .dot { + width: 10px; + height: 10px; + background: #EF4444; + border-radius: 50%; + animation: pulse 1.5s infinite; +} + +@keyframes pulse { + 0% { transform: scale(1); opacity: 1; } + 50% { transform: scale(1.5); opacity: 0.5; } + 100% { transform: scale(1); opacity: 1; } +} + +.pipeline-item { + cursor: pointer; + transition: all 0.2s ease; +} + +.pipeline-item:hover { + transform: translateX(5px); + background: #F1F5F9; +} + + /* Tablet Breakpoint (1024px) */ @media (max-width: 1024px) { diff --git a/dashboard.html b/dashboard.html index 67a4752..b437c9c 100644 --- a/dashboard.html +++ b/dashboard.html @@ -61,14 +61,14 @@ 4 Waiting
-