From 3b9b8daf2e34535962126b199df57deb494d9c00 Mon Sep 17 00:00:00 2001
From: yiling ji <njjyl723@gmail.com>
Date: Fri, 13 Feb 2026 12:22:50 +0800
Subject: [PATCH] update ui

---
 src/ui/components/PageHeader.tsx |  2 --
 src/ui/pages/Characters.tsx      |  2 +-
 src/ui/pages/Equipments.tsx      |  2 +-
 src/ui/pages/Settings.tsx        | 14 +++++++-------
 4 files changed, 9 insertions(+), 11 deletions(-)

diff --git a/src/ui/components/PageHeader.tsx b/src/ui/components/PageHeader.tsx
index 294bd88..0acff8f 100644
--- a/src/ui/components/PageHeader.tsx
+++ b/src/ui/components/PageHeader.tsx
@@ -1,7 +1,6 @@
 import { Hexagon } from 'lucide-react'
 import { ReactNode } from 'react'
 import { cn } from '../lib/utils'
-import { Separator } from './ui/separator'
 
 interface PageHeaderProps {
   title: ReactNode
@@ -49,7 +48,6 @@ export function PageHeader({
         {actions && <div className="flex items-center gap-4">{actions}</div>}
       </div>
       {children && <div className="animate-fade-in-down delay-100">{children}</div>}
-      <Separator className="mt-2 bg-gradient-to-r from-cyan-500/20 via-blue-500/20 to-purple-500/20" />
     </div>
   )
 }
diff --git a/src/ui/pages/Characters.tsx b/src/ui/pages/Characters.tsx
index 2b0d7c7..24a9447 100644
--- a/src/ui/pages/Characters.tsx
+++ b/src/ui/pages/Characters.tsx
@@ -61,7 +61,7 @@ export default function Characters() {
   }
 
   return (
-    <div className="w-full min-h-screen p-4 pt-2 flex flex-col font-sans text-slate-900 relative">
+    <div className="w-full h-full p-4 pt-2 flex flex-col font-sans text-slate-900 relative">
       <PageHeader
         title="Characters"
         subtitle="System // Character_List"
diff --git a/src/ui/pages/Equipments.tsx b/src/ui/pages/Equipments.tsx
index ad5c2e9..b599c37 100644
--- a/src/ui/pages/Equipments.tsx
+++ b/src/ui/pages/Equipments.tsx
@@ -109,7 +109,7 @@ export default function Equipments() {
   }
 
   return (
-    <div className="w-full min-h-screen p-4 pt-2 flex flex-col font-sans text-slate-900 relative">
+    <div className="w-full h-full p-4 pt-2 flex flex-col font-sans text-slate-900 relative">
       <PageHeader
         title={viewMode === 'equipments' ? 'Equipments' : 'Outfits'}
         subtitle={
diff --git a/src/ui/pages/Settings.tsx b/src/ui/pages/Settings.tsx
index 7e18545..e9a1264 100644
--- a/src/ui/pages/Settings.tsx
+++ b/src/ui/pages/Settings.tsx
@@ -1,13 +1,13 @@
-import { useState, useEffect } from 'react'
+import { client } from '@/ui/client'
+import { ExtractionFlowDesigner } from '@/ui/components/ExtractionFlowDesigner'
+import { PageHeader } from '@/ui/components/PageHeader'
 import { Button } from '@/ui/components/ui/button'
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/ui/components/ui/card'
 import { Input } from '@/ui/components/ui/input'
 import { Label } from '@/ui/components/ui/label'
-import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/ui/components/ui/card'
-import { client } from '@/ui/client'
-import { Loader2, Plus, Trash2 } from 'lucide-react'
 import { useToast } from '@/ui/hooks/use-toast'
-import { PageHeader } from '@/ui/components/PageHeader'
-import { ExtractionFlowDesigner } from '@/ui/components/ExtractionFlowDesigner'
+import { Loader2, Plus, Trash2 } from 'lucide-react'
+import { useEffect, useState } from 'react'
 
 export default function Settings() {
   const { toast } = useToast()
@@ -121,7 +121,7 @@ export default function Settings() {
   }
 
   return (
-    <div className="w-full min-h-screen p-4 pt-2 flex flex-col font-sans text-slate-900 relative space-y-8">
+    <div className="w-full h-full p-4 pt-2 flex flex-col font-sans text-slate-900 relative space-y-8">
       <PageHeader title="Settings" subtitle="System // Configuration" />
 
       <div className="max-w-4xl mx-auto w-full grid gap-8">