feat: compact mode

Author: ReaJason

web/src/components/copyable-field.tsx

@@ -36,7 +36,7 @@ export function CopyableField({ label, value, text }: Readonly<CopyableFieldProp
 
   return (
     <div className="flex flex-col gap-1 py-1">
-      <div className="flex items-center justify-between gap-2 h-8">
+      <div className="flex items-center justify-between gap-2 h-6">
         <Label className="text-sm text-muted-foreground">{label}：</Label>
         {value && (
           <CopyToClipboard text={value} onCopy={handleCopy}>

web/src/components/results/basic-info.tsx

@@ -42,7 +42,7 @@ export function BasicInfo({ generateResult }: Readonly<{ generateResult?: Genera
             />
           )}
         </div>
-        {generateResult?.shellConfig.shellTool !== ShellToolType.Custom && <Separator className="my-2" />}
+        {generateResult?.shellConfig.shellTool !== ShellToolType.Custom && <Separator className="my-1" />}
         <div className="grid grid-cols-1 md:grid-cols-2 gap-2">
           {generateResult?.shellConfig.shellTool === ShellToolType.Behinder && (
             <>
@@ -122,7 +122,7 @@ export function BasicInfo({ generateResult }: Readonly<{ generateResult?: Genera
             </>
           )}
         </div>
-        <Separator className="my-2" />
+        <Separator className="my-1" />
         <div className="grid grid-cols-1 md:grid-cols-2 gap-2">
           <CopyableField
             label={t("mainConfig.injectorClassName")}