matteoscrugli/app-service
Template
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Improve Features page ordering and mobile UI consistency

Browse Source 
- Fix mobile Features page to respect lateral borders/padding
- Fix drag state not resetting properly when Apply/Cancel pressed
- Improve mobile UI consistency across all pages

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
This commit is contained in:
matteoscrugli
2025-12-19 12:44:27 +01:00
parent 6faeb3c975
commit 1c1199fc16
11 changed files with 115 additions and 113 deletions
Download Patch File Download Diff File Expand all files Collapse all files

33
frontend/src/styles/theme/dimensions.css
View File

@@ -28,10 +28,10 @@
--space-20: 5rem;
/* 80px */
/* Border Radius */
--radius-sm: 4px;
--radius-md: 6px;
--radius-lg: 8px;
/* Border Radius - more modern, softer */
--radius-sm: 6px;
--radius-md: 10px;
--radius-lg: 12px;
--radius-xl: 20px;
--radius-full: 9999px;
@@ -101,21 +101,18 @@
--badge-padding: 0.25rem 0.625rem;
--badge-font-size: 0.8rem;
/* Semantic Spacing - Cards & Containers */
--card-padding: 0.875rem;
/* Reduced from 1rem */
--card-padding-sm: 0.625rem;
/* Reduced from 0.75rem */
--card-gap: 0.625rem;
/* Reduced from 0.75rem */
--card-gap-lg: 0.875rem;
/* Reduced from 1rem */
/* Semantic Spacing - Cards & Containers - more breathing room */
--card-padding: 1.125rem;
/* increased for more space */
--card-padding-sm: 0.75rem;
--card-gap: 0.75rem;
--card-gap-lg: 1rem;
/* Semantic Spacing - Sections */
--section-gap: 1.25rem;
/* Reduced from 1.5rem */
--section-gap-sm: 0.875rem;
/* Reduced from 1rem */
/* Semantic Spacing - Sections - 20% more space */
--section-gap: 1.5rem;
/* increased from 1.25rem */
--section-gap-sm: 1.125rem;
/* increased from 0.875rem */
/* Semantic Spacing - Elements */
--element-gap: 0.375rem;