From 029869285236b29d948547567ecedc65bb3a0047 Mon Sep 17 00:00:00 2001
From: "Apple\\Apple" <zeraturing@foxmail.com>
Date: Mon, 26 May 2025 15:13:55 +0800
Subject: [PATCH] =?UTF-8?q?=F0=9F=96=BC=EF=B8=8Fstyle(ui):=20Optimize=20th?=
 =?UTF-8?q?e=20styles=20in=20the=20search=20modal=20of=20the=20detail=20pa?=
 =?UTF-8?q?ge=20in=20the=20dashboard?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 web/src/components/PageLayout.js |  1 -
 web/src/i18n/locales/en.json     |  3 ++-
 web/src/pages/Detail/index.js    | 17 ++++++++++-------
 3 files changed, 12 insertions(+), 9 deletions(-)

diff --git a/web/src/components/PageLayout.js b/web/src/components/PageLayout.js
index 59a9ca44..da17f187 100644
--- a/web/src/components/PageLayout.js
+++ b/web/src/components/PageLayout.js
@@ -109,7 +109,6 @@ const PageLayout = () => {
               left: 0,
               top: '56px',
               zIndex: 99,
-              background: 'var(--semi-color-bg-1)',
               border: 'none',
               paddingRight: '0',
               height: 'calc(100vh - 56px)',
diff --git a/web/src/i18n/locales/en.json b/web/src/i18n/locales/en.json
index cd05644e..0be5fcbe 100644
--- a/web/src/i18n/locales/en.json
+++ b/web/src/i18n/locales/en.json
@@ -1528,5 +1528,6 @@
   "豆包": "Doubao",
   "系统公告": "System Notice",
   "今日关闭": "Close Today",
-  "关闭公告": "Close Notice"
+  "关闭公告": "Close Notice",
+  "搜索条件": "Search Conditions"
 }
\ No newline at end of file
diff --git a/web/src/pages/Detail/index.js b/web/src/pages/Detail/index.js
index e7182e3a..bdbee22f 100644
--- a/web/src/pages/Detail/index.js
+++ b/web/src/pages/Detail/index.js
@@ -26,6 +26,7 @@ import { VChart } from '@visactor/react-vchart';
 import {
   API,
   isAdmin,
+  isMobile,
   showError,
   timestamp2string,
   timestamp2string1,
@@ -538,14 +539,12 @@ const Detail = (props) => {
             icon={<IconSearch />}
             onClick={showSearchModal}
             className="bg-green-500 text-white hover:bg-green-600 !rounded-full"
-            size="large"
           />
           <IconButton
             icon={<IconRefresh />}
             onClick={refresh}
             loading={loading}
             className="bg-blue-500 text-white hover:bg-blue-600 !rounded-full"
-            size="large"
           />
         </div>
       </div>
@@ -557,37 +556,40 @@ const Detail = (props) => {
         onOk={handleSearchConfirm}
         onCancel={handleCloseModal}
         closeOnEsc={true}
-        width={700}
+        size={isMobile() ? 'full-width' : 'small'}
         centered
       >
         <Form ref={formRef} layout='vertical' className="w-full">
           <Form.DatePicker
             field='start_timestamp'
             label={t('起始时间')}
-            className="w-full mb-4"
+            className="w-full mb-2 !rounded-lg"
             initValue={start_timestamp}
             value={start_timestamp}
             type='dateTime'
             name='start_timestamp'
+            size='large'
             onChange={(value) => handleInputChange(value, 'start_timestamp')}
           />
           <Form.DatePicker
             field='end_timestamp'
             label={t('结束时间')}
-            className="w-full mb-4"
+            className="w-full mb-2 !rounded-lg"
             initValue={end_timestamp}
             value={end_timestamp}
             type='dateTime'
             name='end_timestamp'
+            size='large'
             onChange={(value) => handleInputChange(value, 'end_timestamp')}
           />
           <Form.Select
             field='data_export_default_time'
             label={t('时间粒度')}
-            className="w-full mb-4"
+            className="w-full mb-2 !rounded-lg"
             initValue={dataExportDefaultTime}
             placeholder={t('时间粒度')}
             name='data_export_default_time'
+            size='large'
             optionList={[
               { label: t('小时'), value: 'hour' },
               { label: t('天'), value: 'day' },
@@ -599,10 +601,11 @@ const Detail = (props) => {
             <Form.Input
               field='username'
               label={t('用户名称')}
-              className="w-full mb-4"
+              className="w-full mb-2 !rounded-lg"
               value={username}
               placeholder={t('可选值')}
               name='username'
+              size='large'
               onChange={(value) => handleInputChange(value, 'username')}
             />
           )}