update ui

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>
   )
 }

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"

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={

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">