Skip to content

Improve mobile touch-friendliness and add visual personality#2

Open
fwextensions wants to merge 2 commits intomainfrom
claude/improve-ui-mobile-accessibility-iok1r
Open

Improve mobile touch-friendliness and add visual personality#2
fwextensions wants to merge 2 commits intomainfrom
claude/improve-ui-mobile-accessibility-iok1r

Conversation

@fwextensions
Copy link
Copy Markdown
Owner

  • Increase checkbox/radio sizes (16px → 20px) with larger tap areas
  • Add hover/active states to form labels for better touch feedback
  • Expand time inputs and buttons with proper padding
  • Add program-type color coding (lap swim, lessons, aerobics, recreation)
  • Style session cards with subtle water gradients and hover effects
  • Add wave decoration to day headers
  • Improve status badges with subtle glow effects
  • Make pool cards consistent across all pages

https://claude.ai/code/session_01GXh9nkryW4oiRwvKUikHu1

- Increase checkbox/radio sizes (16px → 20px) with larger tap areas
- Add hover/active states to form labels for better touch feedback
- Expand time inputs and buttons with proper padding
- Add program-type color coding (lap swim, lessons, aerobics, recreation)
- Style session cards with subtle water gradients and hover effects
- Add wave decoration to day headers
- Improve status badges with subtle glow effects
- Make pool cards consistent across all pages

https://claude.ai/code/session_01GXh9nkryW4oiRwvKUikHu1
@vercel
Copy link
Copy Markdown
Contributor

vercel bot commented Jan 31, 2026

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
sf-pools Ready Ready Preview, Comment Jan 31, 2026 10:18pm

@fwextensions
Copy link
Copy Markdown
Owner Author

fwextensions commented Jan 31, 2026

image

The left borders seem a bit hard to distinguish.

- Make program type borders bolder (4px) with more saturated colors
- Remove random squiggle decoration from day headers
- Add wave SVG that spans the full header width
- Wave peak position corresponds to day of week (left for Monday → right for Sunday)

https://claude.ai/code/session_01GXh9nkryW4oiRwvKUikHu1
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants