[优化] 格式化

openflare_server/web/components/layout/dashboard-shell.tsx

@@ -1,20 +1,20 @@
-import type { ReactNode } from 'react';
-
-import { DashboardSidebar } from '@/components/layout/dashboard-sidebar';
-import { DashboardTopbar } from '@/components/layout/dashboard-topbar';
-
-interface DashboardShellProps {
-  children: ReactNode;
-}
-
-export function DashboardShell({ children }: DashboardShellProps) {
-  return (
-    <div className='flex min-h-screen bg-transparent text-[var(--foreground-primary)]'>
-      <DashboardSidebar />
-      <div className='flex min-w-0 flex-1 flex-col'>
-        <DashboardTopbar />
-        <main className='flex-1 px-4 py-6 md:px-8 md:py-8'>{children}</main>
-      </div>
-    </div>
-  );
-}
+import type { ReactNode } from 'react';
+
+import { DashboardSidebar } from '@/components/layout/dashboard-sidebar';
+import { DashboardTopbar } from '@/components/layout/dashboard-topbar';
+
+interface DashboardShellProps {
+  children: ReactNode;
+}
+
+export function DashboardShell({ children }: DashboardShellProps) {
+  return (
+    <div className="flex min-h-screen bg-transparent text-[var(--foreground-primary)]">
+      <DashboardSidebar />
+      <div className="flex min-w-0 flex-1 flex-col">
+        <DashboardTopbar />
+        <main className="flex-1 px-4 py-6 md:px-8 md:py-8">{children}</main>
+      </div>
+    </div>
+  );
+}

openflare_server/web/components/layout/page-header.tsx

@@ -1,26 +1,30 @@
-import type {ReactNode} from 'react';
+import type { ReactNode } from 'react';
 
 interface PageHeaderProps {
-    title: string;
-    description?: string;
-    action?: ReactNode;
+  title: string;
+  description?: string;
+  action?: ReactNode;
 }
 
-export function PageHeader({title, description, action}: PageHeaderProps) {
-    return (
-        <div className='flex flex-col gap-4 lg:flex-row lg:items-end lg:justify-between'>
-            <div className='space-y-3'>
-                <p className='text-sm font-medium uppercase tracking-[0.24em] text-[var(--brand-primary)]'>OpenFlare</p>
-                <div className='space-y-2'>
-                    <h1 className='text-3xl font-semibold tracking-tight text-[var(--foreground-primary)]'>{title}</h1>
-                    {description ? (
-                        <p className='max-w-3xl text-sm leading-7 text-[var(--foreground-secondary)]'>
-                            {description}
-                        </p>
-                    ) : null}
-                </div>
-            </div>
-            {action ? <div className='flex flex-wrap gap-3'>{action}</div> : null}
+export function PageHeader({ title, description, action }: PageHeaderProps) {
+  return (
+    <div className="flex flex-col gap-4 lg:flex-row lg:items-end lg:justify-between">
+      <div className="space-y-3">
+        <p className="text-sm font-medium tracking-[0.24em] text-[var(--brand-primary)] uppercase">
+          OpenFlare
+        </p>
+        <div className="space-y-2">
+          <h1 className="text-3xl font-semibold tracking-tight text-[var(--foreground-primary)]">
+            {title}
+          </h1>
+          {description ? (
+            <p className="max-w-3xl text-sm leading-7 text-[var(--foreground-secondary)]">
+              {description}
+            </p>
+          ) : null}
         </div>
-    );
+      </div>
+      {action ? <div className="flex flex-wrap gap-3">{action}</div> : null}
+    </div>
+  );
 }

openflare_server/web/components/layout/public-shell.tsx

@@ -2,39 +2,47 @@ import Link from 'next/link';
 import type { ReactNode } from 'react';
 
 import { publicEnv } from '@/lib/env/public-env';
-
-interface PublicShellProps {
-  children: ReactNode;
-}
-
-export function PublicShell({ children }: PublicShellProps) {
-  return (
-    <div className='flex min-h-screen items-center justify-center px-4 py-12'>
-      <div className='w-full max-w-3xl rounded-[var(--radius-xl)] border border-[var(--border-default)] bg-[var(--surface-panel)]/85 p-8 shadow-[var(--shadow-soft)] backdrop-blur'>
-        <div className='mb-8 flex flex-col gap-4 border-b border-[var(--border-default)] pb-6 md:flex-row md:items-end md:justify-between'>
-          <div>
-            <p className='text-3xl font-medium text-[var(--brand-primary)]'>OpenFlare</p>
-          </div>
-          <div className='flex flex-col items-start gap-3 text-sm text-[var(--foreground-secondary)] md:items-end'>
-            <span className='rounded-full border border-[var(--border-default)] px-3 py-1.5'>
-              {publicEnv.appVersion}
-            </span>
-          </div>
-        </div>
-
-        <div className='space-y-6'>{children}</div>
-
-        <div className='mt-8 border-t border-[var(--border-default)] pt-6 text-sm text-[var(--foreground-secondary)]'>
-          <div className='flex flex-wrap gap-4'>
-            <Link href='/' className='text-[var(--brand-primary)] transition hover:opacity-80'>
-              返回
-            </Link>
-            <Link href='/about' className='text-[var(--brand-primary)] transition hover:opacity-80'>
-              关于
-            </Link>
-          </div>
-        </div>
-      </div>
-    </div>
-  );
-}
+
+interface PublicShellProps {
+  children: ReactNode;
+}
+
+export function PublicShell({ children }: PublicShellProps) {
+  return (
+    <div className="flex min-h-screen items-center justify-center px-4 py-12">
+      <div className="w-full max-w-3xl rounded-[var(--radius-xl)] border border-[var(--border-default)] bg-[var(--surface-panel)]/85 p-8 shadow-[var(--shadow-soft)] backdrop-blur">
+        <div className="mb-8 flex flex-col gap-4 border-b border-[var(--border-default)] pb-6 md:flex-row md:items-end md:justify-between">
+          <div>
+            <p className="text-3xl font-medium text-[var(--brand-primary)]">
+              OpenFlare
+            </p>
+          </div>
+          <div className="flex flex-col items-start gap-3 text-sm text-[var(--foreground-secondary)] md:items-end">
+            <span className="rounded-full border border-[var(--border-default)] px-3 py-1.5">
+              {publicEnv.appVersion}
+            </span>
+          </div>
+        </div>
+
+        <div className="space-y-6">{children}</div>
+
+        <div className="mt-8 border-t border-[var(--border-default)] pt-6 text-sm text-[var(--foreground-secondary)]">
+          <div className="flex flex-wrap gap-4">
+            <Link
+              href="/"
+              className="text-[var(--brand-primary)] transition hover:opacity-80"
+            >
+              返回
+            </Link>
+            <Link
+              href="/about"
+              className="text-[var(--brand-primary)] transition hover:opacity-80"
+            >
+              关于
+            </Link>
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+}