(seatunnel-website) branch main updated: [Docs] Separate homepage motion heading from panel (#543)

[lidongdai]

This is an automated email from the ASF dual-hosted git repository.

davidzollo pushed a commit to branch main
in repository https://gitbox.apache.org/repos/asf/seatunnel-website.git


The following commit(s) were added to refs/heads/main by this push:
     new 07764800c1ec [Docs] Separate homepage motion heading from panel (#543)
07764800c1ec is described below

commit 07764800c1ec44005bc12d09f9290059484206a0
Author: Daniel <eschedu...@outlook.com>
AuthorDate: Wed Sep 23 06:51:20 2026 -0400

    [Docs] Separate homepage motion heading from panel (#543)
---
 src/pages/home/index.jsx  | 4 +++-
 src/pages/home/index.less | 9 +++++----
 2 files changed, 8 insertions(+), 5 deletions(-)

diff --git a/src/pages/home/index.jsx b/src/pages/home/index.jsx
index bf31abffc18e..3c343e5cf6e4 100644
--- a/src/pages/home/index.jsx
+++ b/src/pages/home/index.jsx
@@ -1697,7 +1697,9 @@ export default function Home() {
                 <div className="st-home-container">
                     <h2 className="st-home-section-title 
st-home-rv">{content.motion.title}</h2>
                     <p className="st-home-section-lead 
st-home-rv">{content.motion.lead}</p>
-                    <MotionMechanismGrid {...content.motion} />
+                    <div className="st-home-motion-panel st-home-rv">
+                        <MotionMechanismGrid {...content.motion} />
+                    </div>
                 </div>
             </section>
 
diff --git a/src/pages/home/index.less b/src/pages/home/index.less
index 21c414674bc5..48d92861e668 100644
--- a/src/pages/home/index.less
+++ b/src/pages/home/index.less
@@ -985,8 +985,9 @@ html[data-theme='light'] .st-home {
   background: var(--bg0);
 }
 
-.st-home-motion-section .st-home-container {
+.st-home-motion-panel {
   overflow: hidden;
+  margin-top: clamp(1.75rem, 3vw, 2.5rem);
   padding: clamp(2.25rem, 5vw, 4.5rem);
   border: 1px solid var(--motion-line);
   border-radius: 2rem;
@@ -1019,7 +1020,7 @@ html[data-theme='light'] .st-home {
 .st-home-motion-toolbar {
   display: flex;
   justify-content: flex-end;
-  margin-top: 1.5rem;
+  margin-top: 0;
 }
 
 .st-home-motion-control {
@@ -2910,7 +2911,7 @@ html[data-theme='light'] .st-home .st-home-motion-section 
{
   background: #e7eef8;
 }
 
-html[data-theme='light'] .st-home .st-home-motion-section .st-home-container {
+html[data-theme='light'] .st-home .st-home-motion-panel {
   background:
     radial-gradient(circle at 10% 0%, rgba(103, 189, 238, 0.18), transparent 
32%),
     radial-gradient(circle at 90% 10%, rgba(97, 208, 199, 0.15), transparent 
28%),
@@ -3226,7 +3227,7 @@ html[data-theme='light'] .st-home .st-home-rv {
     padding: 2.5rem 1rem;
   }
 
-  .st-home-motion-section .st-home-container {
+  .st-home-motion-panel {
     padding: 2rem 1.25rem;
     border-radius: 1.35rem;
   }