Skip to content

Conversation

@Shivansh-hub495
Copy link
Contributor

"Complete redesign of sign in/up pages with separate mobile and desktop versions

Mobile Design Features:

  • App-like bottom sheet interface with handle bar
  • Compact header with colored logo background
  • Full-width centered form elements
  • Touch-friendly button sizes (py-4)
  • Clean white card with rounded top corners
  • Simplified footer with border separator
  • Perfect centering with max-w-sm mx-auto container
  • Completely hidden Clerk branding with !important flags

Desktop Design Features:

  • Glass morphism cards with backdrop blur
  • Gradient backgrounds with animated orbs
  • Grid pattern overlay effects
  • Larger spacing and typography
  • Complex visual effects maintained
  • Enhanced Logo component with better dark mode visibility

Technical Implementation:

  • Responsive logic: sm:hidden for mobile, hidden sm:block for desktop
  • Separate MobileDesign and DesktopDesign components
  • Mobile-specific Clerk appearance overrides
  • Enhanced Logo auth variant with blue/green colored backgrounds
  • Complete separation of mobile and desktop experiences"

- Removed Contribution Analytics and Smart Notifications from features array
- Deleted corresponding feature images from Feature_images folder
- Updated ScrollytellingFeatureShowcase imageMap to match new feature order
- Fixed image mapping alignment with remaining 7 features
- Changed layout from flex-col justify-center to flex items-center justify-center
- Improved responsive design with proper max-width and centering
- Removed sm:max-w-md constraint for better mobile experience
- Added w-full max-w-md mx-auto for consistent centering
- Hidden 'Secured by Clerk' footer branding in both sign in and sign up pages
- Enhanced mobile and desktop responsiveness
…p versions

Mobile Design Features:
- App-like bottom sheet interface with handle bar
- Compact header with colored logo background
- Full-width centered form elements
- Touch-friendly button sizes (py-4)
- Clean white card with rounded top corners
- Simplified footer with border separator
- Perfect centering with max-w-sm mx-auto container
- Completely hidden Clerk branding with !important flags

Desktop Design Features:
- Glass morphism cards with backdrop blur
- Gradient backgrounds with animated orbs
- Grid pattern overlay effects
- Larger spacing and typography
- Complex visual effects maintained
- Enhanced Logo component with better dark mode visibility

Technical Implementation:
- Responsive logic: sm:hidden for mobile, hidden sm:block for desktop
- Separate MobileDesign and DesktopDesign components
- Mobile-specific Clerk appearance overrides
- Enhanced Logo auth variant with blue/green colored backgrounds
- Complete separation of mobile and desktop experiences
@vercel
Copy link

vercel bot commented Aug 14, 2025

@Shivansh-hub495 is attempting to deploy a commit to the aniruddhagayki0-gmailcom's projects Team on Vercel.

A member of the Team first needs to authorize it.

@Aniruddha434 Aniruddha434 merged commit 70e565e into Aniruddha434:main Aug 15, 2025
4 of 6 checks passed
@Aniruddha434 Aniruddha434 mentioned this pull request Aug 15, 2025
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