From 4bd5bb141d9dc2553cdda0a44d17c74f3fe5dfdd Mon Sep 17 00:00:00 2001
From: chanx <1243304602@qq.com>
Date: Thu, 12 Mar 2026 13:32:39 +0800
Subject: [PATCH] Fix: data-source-detail page style (#13507)

### What problem does this PR solve?

Fix: data-source-detail page style

### Type of change

- [x] Bug Fix (non-breaking change which fixes an issue)
---
 .../data-source-detail-page/index.tsx         | 58 +++++++++++--------
 web/src/routes.tsx                            | 12 ++--
 2 files changed, 40 insertions(+), 30 deletions(-)

diff --git a/web/src/pages/user-setting/data-source/data-source-detail-page/index.tsx b/web/src/pages/user-setting/data-source/data-source-detail-page/index.tsx
index 549a98a38..89a54093d 100644
--- a/web/src/pages/user-setting/data-source/data-source-detail-page/index.tsx
+++ b/web/src/pages/user-setting/data-source/data-source-detail-page/index.tsx
@@ -65,15 +65,17 @@ const SourceDetailPage = () => {
         required: false,
         render: (fieldProps: FormFieldConfig) => (
           <div className="flex items-center gap-1 w-full relative">
-            <Input
-              {...fieldProps}
-              type={FormFieldType.Number}
-              suffix={
-                <span className="text-text-secondary italic">
-                  {t('setting.minutes')}
-                </span>
-              }
-            />
+            <div className="flex-1">
+              <Input
+                {...fieldProps}
+                type={FormFieldType.Number}
+                suffix={
+                  <span className="px-2 text-text-secondary italic">
+                    {t('setting.minutes')}
+                  </span>
+                }
+              />
+            </div>
             <button
               type="button"
               className="text-text-secondary bg-bg-input rounded-sm text-xs h-full p-2 border border-border-button hover:bg-border-button hover:text-text-primary"
@@ -100,13 +102,17 @@ const SourceDetailPage = () => {
         render: (fieldProps: FormFieldConfig) => {
           return (
             <div className="flex items-center gap-1 w-full relative">
-              <Input
-                {...fieldProps}
-                type={FormFieldType.Number}
-                suffix={
-                  <span className="text-text-secondary italic">hours</span>
-                }
-              />
+              <div className="flex-1">
+                <Input
+                  {...fieldProps}
+                  type={FormFieldType.Number}
+                  suffix={
+                    <span className="px-2 text-text-secondary italic">
+                      hours
+                    </span>
+                  }
+                />
+              </div>
             </div>
           );
         },
@@ -118,15 +124,17 @@ const SourceDetailPage = () => {
         required: false,
         render: (fieldProps: FormFieldConfig) => (
           <div className="flex items-center gap-1 w-full relative">
-            <Input
-              {...fieldProps}
-              type={FormFieldType.Number}
-              suffix={
-                <span className="text-text-secondary italic">
-                  {t('setting.seconds')}
-                </span>
-              }
-            />
+            <div className="flex-1">
+              <Input
+                {...fieldProps}
+                type={FormFieldType.Number}
+                suffix={
+                  <span className="px-2 text-text-secondary italic">
+                    {t('setting.seconds')}
+                  </span>
+                }
+              />
+            </div>
           </div>
         ),
       },
diff --git a/web/src/routes.tsx b/web/src/routes.tsx
index fb57d93e5..26887fa41 100644
--- a/web/src/routes.tsx
+++ b/web/src/routes.tsx
@@ -281,17 +281,19 @@ const routeConfigOptions = [
             path: `${Routes.UserSetting}${Routes.Mcp}`,
             Component: () => import('@/pages/user-setting/mcp'),
           },
-          {
-            path: `${Routes.UserSetting}${Routes.DataSource}${Routes.DataSourceDetailPage}`,
-            Component: () =>
-              import('@/pages/user-setting/data-source/data-source-detail-page'),
-          },
+
           {
             path: `${Routes.UserSetting}${Routes.DataSource}`,
             Component: () => import('@/pages/user-setting/data-source'),
           },
         ],
       },
+      {
+        path: `${Routes.UserSetting}${Routes.DataSource}${Routes.DataSourceDetailPage}`,
+        layout: false,
+        Component: () =>
+          import('@/pages/user-setting/data-source/data-source-detail-page'),
+      },
     ],
   },
   {