This is an automated email from the ASF dual-hosted git repository.
delei pushed a commit to branch master
in repository https://gitbox.apache.org/repos/asf/hertzbeat.git
The following commit(s) were added to refs/heads/master by this push:
new 8ef92d70d2 [fix] Update overflow properties and enhance swiper
container styles (#3947)
8ef92d70d2 is described below
commit 8ef92d70d25d515a359b8988a8c903437dbda7ed
Author: Logic <[email protected]>
AuthorDate: Wed Jan 7 08:10:37 2026 +0800
[fix] Update overflow properties and enhance swiper container styles (#3947)
---
home/src/css/hero.css | 2 +-
home/src/pages/index.js | 2 +-
home/src/pages/styles.module.css | 24 ++++++++++++++++--------
3 files changed, 18 insertions(+), 10 deletions(-)
diff --git a/home/src/css/hero.css b/home/src/css/hero.css
index b16cd6f1b4..1f3963a825 100644
--- a/home/src/css/hero.css
+++ b/home/src/css/hero.css
@@ -2,7 +2,7 @@
--ifm-hero-background-color: var(--md-surface);
--ifm-hero-text-color: var(--md-on-surface);
position: relative;
- overflow: visible;
+ overflow: hidden;
min-height: 600px;
display: flex;
align-items: center;
diff --git a/home/src/pages/index.js b/home/src/pages/index.js
index ec74afae4b..5a6d26a61d 100644
--- a/home/src/pages/index.js
+++ b/home/src/pages/index.js
@@ -67,7 +67,7 @@ function Home() {
{/* Swiper Carousel Section */}
<div className={styles.swiperContainer}>
- <div className="container">
+ <div className={styles.swiperInner}>
<Swiper
modules={[Autoplay]}
grabCursor
diff --git a/home/src/pages/styles.module.css b/home/src/pages/styles.module.css
index 6154373175..ec05956c26 100644
--- a/home/src/pages/styles.module.css
+++ b/home/src/pages/styles.module.css
@@ -21,7 +21,7 @@
padding: 3rem 0 5rem;
text-align: center;
position: relative;
- overflow: visible;
+ overflow: hidden;
}
@media screen and (max-width: 966px) {
@@ -39,6 +39,14 @@
overflow: hidden;
}
+.swiperInner {
+ width: 100%;
+ max-width: 1400px;
+ margin: 0 auto;
+ padding: 0 20px;
+ box-sizing: border-box;
+}
+
.swiperContainer::before {
content: '';
position: absolute;
@@ -66,6 +74,12 @@
align-items: center;
justify-content: center;
padding: 1rem;
+ width: 100%;
+}
+
+.swiperContainer .swiper-wrapper {
+ display: flex;
+ width: 100%;
}
.swiperContainer .swiper-slide img {
@@ -82,13 +96,6 @@
transform: scale(1.01);
}
-@media (max-width: 1200px) {
- .swiperContainer .swiper-slide img {
- max-width: 100%;
- border-radius: 16px;
- }
-}
-
@media (max-width: 768px) {
.swiperContainer {
padding: 2rem 0;
@@ -99,6 +106,7 @@
background: var(--md-surface);
padding: 5rem 0;
position: relative;
+ overflow: hidden;
}
.featuresSection::before {
---------------------------------------------------------------------
To unsubscribe, e-mail: [email protected]
For additional commands, e-mail: [email protected]
