Skip to content

fix: mobile responsive layout for login and signup pages#54

Merged
velonone merged 1 commit into
mainfrom
claude/fix-responsive-pwa-mobile-Wim24
Dec 30, 2025
Merged

fix: mobile responsive layout for login and signup pages#54
velonone merged 1 commit into
mainfrom
claude/fix-responsive-pwa-mobile-Wim24

Conversation

@velonone
Copy link
Copy Markdown
Owner

  • Reduce horizontal padding on mobile (16px instead of 24-32px)
  • Add responsive title font sizes using clamp()
  • Add responsive padding to OAuth and form cards
  • Prevent horizontal overflow on small screens
  • Reduce gap between grid columns on mobile

Pull Request

Description

Type of Change

  • 🐛 Bug fix (non-breaking change that fixes an issue)
  • ✨ New feature (non-breaking change that adds functionality)
  • 💥 Breaking change (fix or feature that would cause existing functionality to not work as expected)
  • 📝 Documentation update
  • 🎨 Style/UI update (changes that don't affect functionality)
  • ♻️ Code refactoring (no functional changes)
  • ⚡ Performance improvement
  • 🧪 Test update

Related Issues

Changes Made

Screenshots/Videos

Before

After

Testing

  • Tested on Chrome
  • Tested on Firefox
  • Tested on Safari
  • Tested on mobile devices
  • Tested with different themes

Design System Compliance

  • Follows VSPEC design system guidelines
  • Uses brand color #7C85ED appropriately (sparingly)
  • Uses grayscale system for non-accent elements
  • No Tailwind font classes unless specifically needed
  • Icons verified to exist in Lucide React
  • Follows glass morphism patterns where applicable
  • Maintains restrained, professional aesthetic

Checklist

  • My code follows the project's code style
  • I have performed a self-review of my code
  • I have commented my code, particularly in hard-to-understand areas
  • I have made corresponding changes to the documentation
  • My changes generate no new warnings
  • I have tested that my changes work as expected
  • I have checked for responsive design issues
  • I have updated CHANGELOG.md (if applicable)

Additional Notes

- Reduce horizontal padding on mobile (16px instead of 24-32px)
- Add responsive title font sizes using clamp()
- Add responsive padding to OAuth and form cards
- Prevent horizontal overflow on small screens
- Reduce gap between grid columns on mobile
@vercel
Copy link
Copy Markdown

vercel Bot commented Dec 30, 2025

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

Project Deployment Review Updated (UTC)
vspec Ready Ready Preview, Comment Dec 30, 2025 11:04pm

@velonone velonone merged commit f991434 into main Dec 30, 2025
3 checks passed
@github-actions
Copy link
Copy Markdown

📊 Performance Report

Metric Value
Bundle Size 4.00 KB
Status ✅ Passing

View detailed Lighthouse report in artifacts.

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