Parcourir la source

💄 style(logs): 优化日志页面搜索区域布局

- 调整搜索区域网格间距,从gap-3改为gap-2
- 减小表单元素底部边距,从mb-2改为mb-1
- 调整整体搜索区域底部边距,从mb-3改为mb-2
- 优化高级搜索区域网格间距和表单边距,提升页面紧凑感
yourname il y a 4 mois
Parent
commit
ddf7787946
1 fichiers modifiés avec 11 ajouts et 11 suppressions
  1. 11 11
      src/client/admin/pages/Logs.tsx

+ 11 - 11
src/client/admin/pages/Logs.tsx

@@ -205,14 +205,14 @@ const Logs: React.FC = () => {
           }}
         >
           {/* 常用搜索项 */}
-          <div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-3 mb-3">
-            <Form.Item name="resourceType" label="资源类型" className="mb-2">
+          <div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-2 mb-2">
+            <Form.Item name="resourceType" label="资源类型" className="mb-1">
               <Input placeholder="请输入资源类型" size="small" />
             </Form.Item>
-            <Form.Item name="action" label="操作动作" className="mb-2">
+            <Form.Item name="action" label="操作动作" className="mb-1">
               <Input placeholder="请输入操作动作" size="small" />
             </Form.Item>
-            <Form.Item name="status" label="状态" className="mb-2">
+            <Form.Item name="status" label="状态" className="mb-1">
               <Select placeholder="请选择状态" size="small">
                 <Select.Option value="">全部</Select.Option>
                 <Select.Option value="success">成功</Select.Option>
@@ -220,7 +220,7 @@ const Logs: React.FC = () => {
                 <Select.Option value="permission_denied">权限拒绝</Select.Option>
               </Select>
             </Form.Item>
-            <Form.Item name="dateRange" label="操作时间" className="mb-2">
+            <Form.Item name="dateRange" label="操作时间" className="mb-1">
               <RangePicker format="YYYY-MM-DD" className="w-full" size="small" />
             </Form.Item>
           </div>
@@ -232,20 +232,20 @@ const Logs: React.FC = () => {
             className="mb-3"
           >
             <Panel header="高级搜索" key="1">
-              <div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-3">
-                <Form.Item name="method" label="HTTP方法" className="mb-2">
+              <div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-2">
+                <Form.Item name="method" label="HTTP方法" className="mb-1">
                   <Input placeholder="请输入HTTP方法" size="small" />
                 </Form.Item>
-                <Form.Item name="endpoint" label="API端点" className="mb-2">
+                <Form.Item name="endpoint" label="API端点" className="mb-1">
                   <Input placeholder="请输入API端点" size="small" />
                 </Form.Item>
-                <Form.Item name="userId" label="操作用户ID" className="mb-2">
+                <Form.Item name="userId" label="操作用户ID" className="mb-1">
                   <Input placeholder="请输入用户ID" size="small" />
                 </Form.Item>
-                <Form.Item name="username" label="用户名" className="mb-2">
+                <Form.Item name="username" label="用户名" className="mb-1">
                   <Input placeholder="请输入用户名" size="small" />
                 </Form.Item>
-                <Form.Item name="ipAddress" label="IP地址" className="mb-2">
+                <Form.Item name="ipAddress" label="IP地址" className="mb-1">
                   <Input placeholder="请输入IP地址" size="small" />
                 </Form.Item>
               </div>