You are browsing as a guest. Sign up (or log in) to start making projects!

7h 12m 8s logged

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-nums formatting 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) …

0
7

Comments 0

No comments yet. Be the first!