zqr10159 opened a new pull request, #3947: URL: https://github.com/apache/hertzbeat/pull/3947
This pull request focuses on improving the styling and layout of the homepage's hero section and Swiper carousel. The main changes include updating overflow handling for better visual containment, restructuring the Swiper carousel for improved responsiveness, and adding new CSS classes to enhance layout consistency. **Styling and Layout Improvements:** * Changed `overflow` from `visible` to `hidden` in `.hero`, `.featuresSection`, and the main carousel section to prevent content from overflowing its container and to improve visual consistency. [[1]](diffhunk://#diff-39b6b103d19af69993d54aa335d792278984e7945f9de1a9a54a619b04a2b309L5-R5) [[2]](diffhunk://#diff-afb429b838e351ae5b0286691b340f604957d434407d16429f6db852742dc21fL24-R24) [[3]](diffhunk://#diff-afb429b838e351ae5b0286691b340f604957d434407d16429f6db852742dc21fR109) * Added a new `.swiperInner` CSS class with constrained width, padding, and centering, and updated the Swiper carousel wrapper in `index.js` to use this class for better layout control. [[1]](diffhunk://#diff-afb429b838e351ae5b0286691b340f604957d434407d16429f6db852742dc21fR42-R49) [[2]](diffhunk://#diff-694e4ac11431e046da5526eba585dbc4b7a5ef853d9aed6b139ba00f047dec61L70-R70) **Swiper Carousel Enhancements:** * Ensured the Swiper carousel and its wrapper use `width: 100%` and flex layout for better responsiveness and alignment. * Removed a redundant media query for Swiper images, likely because the new layout handles image sizing more effectively. -- This is an automated message from the Apache Git Service. To respond to the message, please log on to GitHub and use the URL above to go to the specific comment. To unsubscribe, e-mail: [email protected] For queries about this service, please contact Infrastructure at: [email protected] --------------------------------------------------------------------- To unsubscribe, e-mail: [email protected] For additional commands, e-mail: [email protected]
