R109/A1,A5 优化移动端底部导航和常用页面

client/src/pages/MobileLeavePage.tsx

@@ -248,10 +248,10 @@ export function MobileLeavePage() {
   };
 
   return (
-    <PageScaffold className="space-y-4">
+    <PageScaffold className="space-y-3 pb-4">
       <PageHeader title="请假" />
 
-      <section className="rounded-lg border border-zinc-200 bg-white p-4 shadow-sm" data-testid="mobile-leave-summary">
+      <section className="rounded-lg border border-zinc-200 bg-white p-3 shadow-sm" data-testid="mobile-leave-summary">
         <div className="grid grid-cols-3 gap-3 text-sm">
           <div>
             <div className="text-xs text-zinc-500">可用</div>
@@ -268,7 +268,7 @@ export function MobileLeavePage() {
         </div>
       </section>
 
-      <section className="rounded-lg border border-zinc-200 bg-white p-4 shadow-sm" data-testid="mobile-leave-form">
+      <section className="rounded-lg border border-zinc-200 bg-white p-3 shadow-sm" data-testid="mobile-leave-form">
         <div className="mb-4 flex items-center justify-between gap-3">
           <h3 className="text-base font-semibold text-zinc-900">{editingItem ? "编辑请假" : "新建请假"}</h3>
           {editingItem ? (
@@ -278,7 +278,7 @@ export function MobileLeavePage() {
           ) : null}
         </div>
 
-        <div className="space-y-4">
+        <div className="space-y-3">
           <label className="block space-y-2 text-sm text-zinc-700">
             <span>假期类型</span>
             <select className="select-std" value={leaveTypeId} onChange={(event) => setLeaveTypeId(event.target.value)}>
@@ -353,7 +353,7 @@ export function MobileLeavePage() {
           </label>
 
           <Button
-            className="w-full"
+            className="min-h-12 w-full"
             type="button"
             disabled={!canCreateLeave || isSaving || !leaveTypeId || !startDate || !endDate}
             onClick={() => {
@@ -370,7 +370,7 @@ export function MobileLeavePage() {
         </div>
       </section>
 
-      <section className="rounded-lg border border-zinc-200 bg-white p-4 shadow-sm" data-testid="mobile-leave-balances">
+      <section className="rounded-lg border border-zinc-200 bg-white p-3 shadow-sm" data-testid="mobile-leave-balances">
         <h3 className="text-base font-semibold text-zinc-900">额度</h3>
         <div className="mt-3 space-y-2">
           {balancesQuery.isLoading ? <div className="text-sm text-zinc-500">加载中...</div> : null}
@@ -400,7 +400,7 @@ export function MobileLeavePage() {
         </div>
       </section>
 
-      <section className="rounded-lg border border-zinc-200 bg-white p-4 shadow-sm" data-testid="mobile-leave-records">
+      <section className="rounded-lg border border-zinc-200 bg-white p-3 shadow-sm" data-testid="mobile-leave-records">
         <h3 className="text-base font-semibold text-zinc-900">请假记录</h3>
         <Tabs value={statusFilter} onValueChange={(value) => setStatusFilter(value as LeaveStatusFilter)}>
           <TabsList className="mt-3 grid h-auto w-full grid-cols-4">