Devlog 37: Multi-Timer UI Layout & Input Controls
Form Inputs & Adjustments
- Built HH/MM/SS number input boxes with range limits and zero-padding logic on blur.
- Implemented stepper adjustment buttons for quick time value tweaking.
Sidebar Timer List Layout
- Added sidebar timer list container to preview user-created countdown items.
- Integrated quick action delete buttons for item removal.
Main Dashboard Circular Timer
- Constructed countdown card layout featuring SVG dynamic progress ring.
- Centered time readout using
tabular-numsformatting to eliminate number jitter.
Action Control Group
- Laid out card control buttons including play, pause, and replay.
the ui was so tiring… i DID remember to open a new branch (feature/timer-main) …
Comments 0
No comments yet. Be the first!
Sign in to join the conversation.