(dolphinscheduler-website) branch master updated: [Chore] Document ui improvement (#988)

[zihaoxiang]

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

zihaoxiang pushed a commit to branch master
in repository https://gitbox.apache.org/repos/asf/dolphinscheduler-website.git


The following commit(s) were added to refs/heads/master by this push:
     new dbf864134c [Chore] Document ui improvement (#988)
dbf864134c is described below

commit dbf864134c1db6fb56485a97aa171551ed7cb9f5
Author: xiangzihao <460888...@qq.com>
AuthorDate: Tue Dec 9 15:43:39 2025 +0800

    [Chore] Document ui improvement (#988)
---
 src/components/NavBar/index.jsx    | 2 ++
 src/components/NavBar/index.scss   | 6 +++---
 src/styles/mixin.scss              | 2 +-
 src/views/Documentation/index.scss | 7 ++++---
 4 files changed, 10 insertions(+), 7 deletions(-)

diff --git a/src/components/NavBar/index.jsx b/src/components/NavBar/index.jsx
index 22ccf68517..70cdf9b948 100644
--- a/src/components/NavBar/index.jsx
+++ b/src/components/NavBar/index.jsx
@@ -37,6 +37,8 @@ const NavBar = () => {
               setSelectedKeys("");
             }}
           />
+        </div>
+        <div className="navbar-item">
           {!isSearch && (
             <div className="navbar-menu">
               <Menu
diff --git a/src/components/NavBar/index.scss b/src/components/NavBar/index.scss
index 2f390f6fe2..6ed8e23078 100644
--- a/src/components/NavBar/index.scss
+++ b/src/components/NavBar/index.scss
@@ -3,13 +3,13 @@
 
 .navbar {
   position: sticky;
-  top: 0px;
+  top: 0;
   z-index: 10;
   height: $header-height;
   background-color: var(--white);
   color: var(--text-color);
-  box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.05);
-  transition: 0.4;
+  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
+  transition: 0.4s;
   display: flex;
   justify-content: center;
 
diff --git a/src/styles/mixin.scss b/src/styles/mixin.scss
index 35d2b60c55..207d5a6381 100644
--- a/src/styles/mixin.scss
+++ b/src/styles/mixin.scss
@@ -16,7 +16,7 @@
   }
   @media screen and (max-width: 1280px) {
     width: 100%;
-    padding: 0px 2vw;
+    padding: 0 2vw;
     box-sizing: border-box;
   }
 }
diff --git a/src/views/Documentation/index.scss 
b/src/views/Documentation/index.scss
index 64ac7c210d..dc7d8f6343 100644
--- a/src/views/Documentation/index.scss
+++ b/src/views/Documentation/index.scss
@@ -1,7 +1,7 @@
 .documentation {
   display: flex;
-  justify-content: center;
-  padding-top: 40px;
+  justify-content: space-between;
+  width: 100%;
   &-sider {
     width: 315px;
     background-color: #f8f8f8;
@@ -44,7 +44,8 @@
     margin-left: 30px;
     margin-right: 30px;
     flex-grow: 1;
-    max-width: 800px;
+    width: 60%;
+    max-width: 60%;
 
     &-search {
       display: flex;