feat: Settings and modal UI/UX improvements#1828
Merged
jelveh merged 14 commits intoHeyPuter:mainfrom Nov 6, 2025
Merged
Conversation
Redesigned settings interface and modal windows with improved visual hierarchy, spacing, and modern styling throughout the application. Settings UI improvements: - Enhanced section headers with proper flexbox layout and centering - Simplified storage usage display to single percentage with clearer info - Improved settings cards with consistent spacing and hover states - Redesigned session manager with horizontal card layout - Reordered account settings (username → email → password) - Removed duplicate password option from security tab Form and input improvements: - Increased container padding (20px → 24px) for better breathing room - Tightened label-to-input gap (8px → 6px) for better visual grouping - Enhanced labels with bolder weight (500 → 600) and refined color - Larger input fields (12px 14px padding) with smoother corners (6px) - Added hover states with border color transitions - Removed distracting box-shadow focus rings across all inputs/selects Button improvements: - Modernized primary buttons with solid colors (removed gradients) - Added flexbox centering for consistent text alignment - Reduced button text size (13px) for cleaner appearance - Improved default button styling with refined gray palette - Better active/hover state transitions Select dropdown improvements: - Custom SVG chevron arrow with proper 12px right spacing - Fixed select resizing issue on focus (removed global border/padding override) - Full-width selects in modals with consistent styling - Smooth hover states without size changes Modal windows: - Consistent 380px width for form modals, 400px for desktop bg settings - Unified .settings-form-container class across all modals - Proper ARIA labels and semantic HTML structure - Error/success messages with refined colors and better contrast Desktop background settings: - Color blocks increased to 32px for easier interaction - Fixed focus outline clipping with proper overflow handling - Removed scale effects for cleaner interactions - Flexbox layout for color grid with proper spacing - Fixed palette icon display with inline background image Window chrome: - Increased default shadow (0 12px 24px, 0.12 opacity) - Enhanced active window shadow (0 16px 40px, 0.18 opacity) - Better visual depth and window hierarchy File organization: - Moved UIWindowManageSessions to Settings folder - Created helpers/build_settings_card.js for reusable components - Updated all imports to reflect new structure
|
|
utkubakir
changed the title
Resolved conflicts by keeping enhanced UI styling and structure from feature branch while integrating byte formatting logic from main.
jelveh
added a commit
that referenced
this pull request
Nov 6, 2025
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
3 participants
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Redesigned settings interface and modal windows with improved visual hierarchy, spacing, and modern styling throughout the application.
also polished auth flow, search, qr, my websites, task manager and couple more style changes.
also fixes #1847 and fixes #1852