26 lines
1.7 KiB
CSS
26 lines
1.7 KiB
CSS
/* Minimal app-wide styles to support the new Workout UI scaffold */
|
|
:root{ --bg: #0b0f14; --card:#141a20; --text:#e8f0f4; --muted:#9bb2bd; --accent:#4cc9f0; }
|
|
*{box-sizing:border-box}
|
|
html,body,#root{height:100%}
|
|
body{ margin:0; background:var(--bg); color:var(--text); font-family: Inter, system-ui, Arial; }
|
|
|
|
/* App-wide helpers */
|
|
.app{ min-height:100%; display:flex; flex-direction:column; }
|
|
.page-header{ display:flex; align-items:center; justify-content:space-between; padding:14px 16px; background:#0f151a; border-bottom:1px solid #1e252c; }
|
|
.back-btn{ border:0; background:transparent; color:#9bd2ff; cursor:pointer; font-size:14px; display:flex; align-items:center; gap:6px; }
|
|
.header-center{ text-align:center; flex:1; }
|
|
.header-center h1{ margin:0; font-size:18px; font-weight:600 }
|
|
.header-subtitle{ color:#a9bdc9; font-size:12px; }
|
|
.rest-timer-card{ padding:12px; background:#11161b; border-bottom:1px solid #1e252c; }
|
|
.rest-timer-header{ display:flex; justify-content:space-between; align-items:center; }
|
|
.rest-timer-label{ font-weight:600; }
|
|
.rest-timer-time{ font-feature-settings: 'tnum'; font-variant-numeric: tabular-nums; font-size:20px; }
|
|
.page-main{ padding:12px; display:flex; flex-direction:column; gap:12px; }
|
|
.exercise-card{ background:#121821; border:1px solid #1e252c; border-radius:8px; padding:8px; margin-bottom:8px; }
|
|
|
|
/* Simple utility for the rest of style surface */
|
|
.exercises-section{ display:flex; flex-direction:column; gap:8px; }
|
|
.finish-workout-btn{ align-self:center; padding:12px 20px; border-radius:999px; border:1px solid #2e2e2e; background:#1e1e1e; color:#fff; cursor:pointer; }
|
|
|
|
@media (min-width: 700px){ .header-center{ text-align:center; } }
|