Skip to content

Improve User Profile page UI layout and styling - #45

Merged
yangzhijiany merged 1 commit into
mainfrom
improve-profile-ui
Dec 1, 2025
Merged

Improve User Profile page UI layout and styling#45
yangzhijiany merged 1 commit into
mainfrom
improve-profile-ui

Conversation

@ytLin27

@ytLin27 ytLin27 commented Dec 1, 2025

Copy link
Copy Markdown
Contributor

Summary

Optimized the User Profile page layout to improve visual balance and user experience.

Changes

UI Improvements

  • Centered Layout: Added max-width constraint (600px) and centered the profile content
  • Button Styling:
    • Increased button padding (12px 30px)
    • Larger font size (16px)
    • Added font-weight for better emphasis
    • Center-aligned Save and Cancel buttons
  • Form Input Enhancement:
    • Increased input padding (12px)
    • Larger font size (16px)
    • Improved border color (#ddd)
    • Added smooth transition animation

Visual Impact

  • More balanced and professional appearance
  • Better mobile responsiveness
  • Improved readability with larger text
  • Enhanced user interaction with centered buttons

Testing

  • ✅ ESLint check passed
  • ✅ Prettier check passed
  • ✅ Visual verification completed

Modified Files

  • frontend/vite-project/src/Profile.css

- Center profile content with max-width constraint
- Center-align Save and Cancel buttons
- Increase button padding and font size for better visibility
- Enhance form input styling with larger text
- Add smooth transitions to form inputs
@yangzhijiany
yangzhijiany merged commit 4049042 into main Dec 1, 2025
1 check passed
@William-f-12
William-f-12 deleted the improve-profile-ui branch December 10, 2025 02:27
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