Anatomy
- 1. Recording bar (width: 100%, horizontal resizing: auto)
- 2. Delete (size: 40px x 40 px)
- 3. Timer (font-size: 14px, width: auto)
- 4. Volume Over Time (max-height: 40px, width: 100%)
- 5. Floating Action Button (size: 56 x 56px)
Layout & Spacing
Recording Bar
- Direction: horizontal
- Vertical resizing: auto
- Horizontal resizing: 100%
- Padding: 16px
- Gap: 12px
Leading Content
- Direction: horizontal
- Alignment: middle left
- Vertical resizing: auto
- Horizontal resizing: auto
- Gap: 4px
Volume over time
- Direction: vertical
- Alignment: middle left
- Vertical resizing: hug
- Horizontal resizing: fill
- Gap: 8px
Alignment & Placement
- Bottom: 0px
- Left: 0px
- Width: 100%
- Position: absolute, fixed
