UI Polish and Theme System Refinements - Githubissues

kocheck / folio

My Portfolio Website

https://kochanek-portfolio.netlify.app/

MIT License

0 stars 0 forks source link

UI Polish and Theme System Refinements #2

Closed kocheck closed 1 week ago

kocheck commented 1 week ago

Changes Overview

Enhanced theme toggle with custom SVG icons
Fixed footer layout and styling
Adjusted spacing and layout throughout the site
Refined color system consistency

Theme System Improvements

Replaced emoji theme toggles with custom SVG icons
Added smooth icon transition animations
Fixed light theme text contrast
Ensured consistent color usage through CSS variables

Layout & Spacing Updates

Adjusted hero section padding: clamp(3rem, 8vw, 8rem)
Modified featured work section spacing
Improved footer layout with better responsive behavior
Added minimum height to main content wrapper to prevent layout shifts

Footer Enhancements

Restructured footer container for better alignment
Added line break for better mobile readability
Maintained consistent padding with other sections
Fixed overflow handling

Technical Details

Improved theme toggle button accessibility
Enhanced SVG icon transitions and hover states
Consolidated container styles
Fixed various overflow issues

Testing Notes

Verify theme toggle animation smoothness
Check footer alignment across breakpoints
Validate spacing consistency
Test content wrapper minimum height behavior
Ensure responsive layout transitions are smooth

netlify[bot] commented 1 week ago

Deploy Preview for kochanek-portfolio ready!

Name	Link
Latest commit	21230e6814590aadf5ee73fac5ca6fe2b2b9a780
Latest deploy log	https://app.netlify.com/sites/kochanek-portfolio/deploys/6728d6f64f15ed0008d80f2b
Deploy Preview	https://deploy-preview-2--kochanek-portfolio.netlify.app
Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.