表格与页面样式调整

src/app/(root)/resources/page.tsx

@@ -12,6 +12,7 @@ import {
   updateResource,
 } from "@/actions/resources"
 import { DataTable, useDataTable } from "@/components/data-table"
+import { Page } from "@/components/page"
 import { Badge } from "@/components/ui/badge"
 import { Button } from "@/components/ui/button"
 import {
@@ -169,22 +170,17 @@ function getTodayUsage(lastAt: Date | null | undefined, daily: number) {
 
 export default function ResourcesPage() {
   return (
-    <div>
+    <Page>
       <Tabs defaultValue="short">
-        <TabsList className="bg-card p-1.5 rounded-lg">
-          <TabsTrigger
-            value="short"
-            className="w-30 h-9 data-[state=active]:bg-primary-muted text-base rounded-md"
-          >
+        <TabsList className="bg-card">
+          <TabsTrigger value="short" className="h-10 px-4 shadow-none">
             短效套餐
           </TabsTrigger>
-          <TabsTrigger
-            value="long"
-            className="w-30 h-9 data-[state=active]:bg-primary-muted text-base rounded-md"
-          >
+          <TabsTrigger value="long" className="h-10 px-4 shadow-none">
             长效套餐
           </TabsTrigger>
         </TabsList>
+
         <TabsContent value="short" className="flex flex-col gap-4">
           <ResourceList resourceType="short" />
         </TabsContent>
@@ -192,7 +188,7 @@ export default function ResourcesPage() {
           <ResourceList resourceType="long" />
         </TabsContent>
       </Tabs>
-    </div>
+    </Page>
   )
 }
 
@@ -422,7 +418,7 @@ function ResourceList({ resourceType }: ResourceListProps) {
 
   return (
     <div className="space-y-3">
-      <form onSubmit={onFilter} className="bg-white p-4 rounded-lg">
+      <form onSubmit={onFilter} className="bg-card p-4 rounded-lg">
         <div className="flex flex-wrap items-end gap-4">
           <Controller
             name="user_phone"