ryuiso

f3d8dcca25 no message
b32babd84c feat: add global layout spacing system New global spacing system (src/assets/css/layout-spacing.css): - CSS custom properties for consistent spacing - Responsive breakpoints (Desktop/Tablet/Mobile) - Reusable utility classes Key classes: - .l-container - Max-width container (1200px) with auto margins - .l-container-fluid - Full-width with side padding - .l-section - Vertical spacing (80px) - .l-subsection - Smaller vertical spacing (40px) Spacing values: - Desktop (> 1200px): 40px left/right padding - Tablet (768px - 1199px): 20px left/right padding - Mobile (< 768px): 15px left/right padding - Section height: 80px top/bottom Updated HomePage: - #djiDock: Use .l-container-fluid .l-section - #whyChooseUs: Use .l-container - Remove hardcoded padding, use system classes Benefits: - Consistent spacing across all pages ✓ - Easy to maintain and update ✓ - Responsive by default ✓ - Clean, professional layout ✓ Co-authored-by: Qwen-Coder <qwen-coder@alibabacloud.com>
e633f0320b Revert "fix: add responsive margins to banner swiper arrows" This reverts commit 292168a90c2f0cd353feecc605ebecc4a08e53de.
292168a90c fix: add responsive margins to banner swiper arrows Arrow styling: - Size: 50px × 50px (larger, easier to click) - Color: white with blue hover effect (#1e73be) - Hover animation: scale(1.1) + color transition Responsive positioning: - Desktop (> 1200px): 40px from edges (matches site padding) - Tablet (768px - 1199px): 20px from edges - Mobile (< 768px): Hidden (use swipe gesture) Also fixed: - Banner height: auto → 500px (consistent) - Slide image: object-fit: cover (proper scaling) - Slide dimensions: 100% × 100% (full coverage) Co-authored-by: Qwen-Coder <qwen-coder@alibabacloud.com>
1415f7df45 refactor: optimize desktop layout spacing and visual hierarchy Global improvements (Desktop only, Mobile unchanged): - Consistent padding system using 0/10/20/40/80px scale - Better visual hierarchy with improved typography - Modern hover effects and transitions Header: - Add padding: 0 to .header-nav for clean layout HomePage - DJI Dock section: - Padding: margin → 80px 0 (consistent vertical rhythm) - Border color: #ccc → #e0e0e0 (softer) - Font size: 14px → 15px (better readability) - Add small subtitle styling - Better paragraph spacing HomePage - Contact Us section: - Height: 280px → 320px (more prominent) - Background: cover + center alignment - Flexbox centering for perfect vertical alignment - Modern glassmorphism button effect - Hover animations with backdrop-filter - Text shadow for better contrast HomePage - Why Choose Us section: - Padding: 40px → 60px 0 (consistent with other sections) - Title center-aligned with better spacing - Font sizes: 24px→28px, 14px→15px - Card hover effects (lift + shadow) - Softer border colors - Transition animations Result: - Professional, modern desktop layout ✓ - Consistent spacing throughout ✓ - Mobile (H5) styles preserved ✓ - Better visual hierarchy ✓ Co-authored-by: Qwen-Coder <qwen-coder@alibabacloud.com>
Comparer ces 38 commits »

il y a 3 semaines