clawd/gravl
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

feat(04-03-partial): ExercisePicker and WorkoutEditPage components - swap/add/remove exercises with sets/reps editing

Browse Source
This commit is contained in:
Clawd Agent
2026-03-01 15:36:47 +01:00
parent 5fd21719d0
commit a24199e56c
7 changed files with 446 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/styles/App.css
+25
View File
@@ -0,0 +1,25 @@
/* 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; } }