From 43e293e062c2bf91d5648f4503284b87ab05fef6 Mon Sep 17 00:00:00 2001
From: ryan <ryan@arctel.net>
Date: Mon, 13 Jul 2026 10:31:09 +0800
Subject: [PATCH] fix: frontend optimization

---
 .../waf/components/rule-group-sheet.tsx       | 41 ++++++++-----------
 1 file changed, 17 insertions(+), 24 deletions(-)

diff --git a/frontend/app/(main)/waf/components/rule-group-sheet.tsx b/frontend/app/(main)/waf/components/rule-group-sheet.tsx
index 18be615e..e7ea2e56 100644
--- a/frontend/app/(main)/waf/components/rule-group-sheet.tsx
+++ b/frontend/app/(main)/waf/components/rule-group-sheet.tsx
@@ -9,14 +9,7 @@ import {z} from 'zod';
 import {Button} from '@/components/ui/button';
 import {Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage,} from '@/components/ui/form';
 import {Input} from '@/components/ui/input';
-import {
-  Sheet,
-  SheetContent,
-  SheetDescription,
-  SheetFooter,
-  SheetHeader,
-  SheetTitle,
-} from '@/components/ui/sheet';
+import {Sheet, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle,} from '@/components/ui/sheet';
 import {Switch} from '@/components/ui/switch';
 import {Tabs, TabsContent, TabsList, TabsTrigger} from '@/components/ui/tabs';
 import {Textarea} from '@/components/ui/textarea';
@@ -187,20 +180,7 @@ export function RuleGroupSheet({
                   </TabsList>
 
                   <TabsContent value="basic" className="mt-4 space-y-4">
-                    <div className="grid gap-4 md:grid-cols-2">
-                      <FormField
-                        control={form.control}
-                        name="name"
-                        render={({ field }) => (
-                          <FormItem>
-                            <FormLabel>规则组名称</FormLabel>
-                            <FormControl>
-                              <Input {...field} disabled={isGlobal} />
-                            </FormControl>
-                            <FormMessage />
-                          </FormItem>
-                        )}
-                      />
+                    <div className="grid gap-4">
                       <FormField
                         control={form.control}
                         name="enabled"
@@ -216,6 +196,19 @@ export function RuleGroupSheet({
                           </FormItem>
                         )}
                       />
+                      <FormField
+                        control={form.control}
+                        name="name"
+                        render={({ field }) => (
+                          <FormItem>
+                            <FormLabel>规则组名称</FormLabel>
+                            <FormControl>
+                              <Input {...field} disabled={isGlobal} />
+                            </FormControl>
+                            <FormMessage />
+                          </FormItem>
+                        )}
+                      />
                     </div>
                   </TabsContent>
 
@@ -295,7 +288,7 @@ export function RuleGroupSheet({
                   </TabsContent>
 
                   <TabsContent value="block" className="mt-4 space-y-4">
-                    <div className="grid gap-4 xl:grid-cols-[280px_minmax(0,1fr)]">
+                    <div className="grid gap-4">
                       <FormField
                         control={form.control}
                         name="block_status_code"
@@ -379,4 +372,4 @@ export function RuleGroupSheet({
       />
     </>
   );
-}
\ No newline at end of file
+}