From 369afe86960a1df6ad5911c788ef0e244956453c Mon Sep 17 00:00:00 2001
From: engigu <sayheya@qq.com>
Date: Sat, 20 Sep 2025 18:46:46 +0800
Subject: [PATCH] chore: fix mobile style

---
 web/src/components/Login.vue                   | 16 +++++++++++++++-
 web/src/components/pages/sendLogs/SendLogs.vue |  8 ++++----
 web/src/components/pages/sendWays/SendWays.vue |  8 ++++----
 3 files changed, 23 insertions(+), 9 deletions(-)

diff --git a/web/src/components/Login.vue b/web/src/components/Login.vue
index 363aa11..647d123 100644
--- a/web/src/components/Login.vue
+++ b/web/src/components/Login.vue
@@ -133,7 +133,21 @@ let clickLogin = async () => {
           <CardContent class="grid p-0 md:grid-cols-2">
             <form class="p-6 md:p-8">
               <div class="flex flex-col gap-6">
-                <div class="flex flex-col items-center text-center">
+                <!-- 小屏时显示logo和标题 -->
+                <div class="flex flex-col items-center text-center md:hidden">
+                  <div class="w-20 h-20 mb-4 flex justify-center items-center bg-white rounded-full shadow-sm">
+                    <img :src="logo" alt="logo" class="w-12 h-12 object-contain" />
+                  </div>
+                  <h1 class="text-2xl font-bold text-gray-900">
+                    欢迎回来！
+                  </h1>
+                  <p class="text-sm text-gray-600 mt-1">
+                    {{ slogan }}
+                  </p>
+                </div>
+                
+                <!-- 大屏时显示标题 -->
+                <div class="hidden md:flex flex-col items-center text-center">
                   <h1 class="text-2xl font-bold">
                     欢迎回来！
                   </h1>
diff --git a/web/src/components/pages/sendLogs/SendLogs.vue b/web/src/components/pages/sendLogs/SendLogs.vue
index 602ad0f..cfe8e07 100644
--- a/web/src/components/pages/sendLogs/SendLogs.vue
+++ b/web/src/components/pages/sendLogs/SendLogs.vue
@@ -131,15 +131,15 @@ onMounted(async () => {
 
 <template>
   <div class="p-4 w-full max-w-6xl mx-auto space-y-2">
-    <div class="flex flex-col sm:flex-row sm:items-center gap-2 sm:gap-4">
-      <div class="flex-1 sm:flex-initial">
+    <div class="flex flex-row sm:flex-row sm:items-center gap-2 sm:gap-4 -mx-4 px-4 sm:mx-0 sm:px-0">
+      <div class="flex-[3] sm:flex-initial min-w-0">
         <Input v-model="state.search" placeholder="搜索任务..." class="w-full sm:w-64" @keyup.enter="filterFunc"
           @blur="filterFunc" />
       </div>
     
-      <div class="flex-1 sm:flex-initial">
+      <div class="flex-[2] sm:flex-initial min-w-0">
         <Select v-model="selectedStatus" class="w-full" @update:model-value="filterByStatus">
-          <SelectTrigger>
+          <SelectTrigger class="w-full">
             <SelectValue placeholder="选择状态" />
           </SelectTrigger>
           <SelectContent>
diff --git a/web/src/components/pages/sendWays/SendWays.vue b/web/src/components/pages/sendWays/SendWays.vue
index 88b0b01..7c5141b 100644
--- a/web/src/components/pages/sendWays/SendWays.vue
+++ b/web/src/components/pages/sendWays/SendWays.vue
@@ -160,15 +160,15 @@ onMounted(async () => {
 <template>
   <div class="p-4 w-full max-w-6xl mx-auto space-y-2">
     <div class="flex flex-col sm:flex-row sm:items-center sm:justify-between gap-2 sm:gap-4">
-      <div class="flex flex-col sm:flex-row gap-2 sm:gap-4">
-        <div class="flex-1 sm:flex-initial">
+      <div class="flex flex-row sm:flex-row gap-2 sm:gap-4 -mx-4 px-4 sm:mx-0 sm:px-0">
+        <div class="flex-[3] sm:flex-initial min-w-0">
           <Input v-model="state.search" placeholder="搜索发信方式名称..." class="w-full sm:w-64" @keyup.enter="filterFunc"
             @blur="filterFunc" />
         </div>
 
-        <div class="flex-1 sm:flex-initial">
+        <div class="flex-[2] sm:flex-initial min-w-0">
           <Select v-model="selectedChannelType" class="w-full" @update:model-value="filterByChannelType">
-            <SelectTrigger>
+            <SelectTrigger class="w-full">
               <SelectValue placeholder="选择渠道类型" />
             </SelectTrigger>
             <SelectContent>