From 5b57313c8a27bc3f1725d107c73babb643d6714b Mon Sep 17 00:00:00 2001
From: ianshaw <ianshaw027@gmail.com>
Date: Sun, 4 Jan 2026 21:58:12 -0800
Subject: [PATCH] =?UTF-8?q?fix(frontend):=20=E7=BB=9F=E4=B8=80=E6=89=80?=
 =?UTF-8?q?=E6=9C=89=E7=AE=A1=E7=90=86=E9=A1=B5=E9=9D=A2=E6=90=9C=E7=B4=A2?=
 =?UTF-8?q?=E6=A1=86=E5=AE=BD=E5=BA=A6=E4=B8=BA=20w-full=20sm:w-64?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/components/admin/account/AccountTableFilters.vue | 2 +-
 frontend/src/views/admin/GroupsView.vue                       | 2 +-
 frontend/src/views/admin/ProxiesView.vue                      | 2 +-
 frontend/src/views/admin/SubscriptionsView.vue                | 2 +-
 4 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/frontend/src/components/admin/account/AccountTableFilters.vue b/frontend/src/components/admin/account/AccountTableFilters.vue
index 4bd6c40f..126a52a2 100644
--- a/frontend/src/components/admin/account/AccountTableFilters.vue
+++ b/frontend/src/components/admin/account/AccountTableFilters.vue
@@ -3,7 +3,7 @@
     <SearchInput
       :model-value="searchQuery"
       :placeholder="t('admin.accounts.searchAccounts')"
-      class="w-64"
+      class="w-full sm:w-64"
       @update:model-value="$emit('update:searchQuery', $event)"
       @search="$emit('change')"
     />
diff --git a/frontend/src/views/admin/GroupsView.vue b/frontend/src/views/admin/GroupsView.vue
index d8400041..ffa43edf 100644
--- a/frontend/src/views/admin/GroupsView.vue
+++ b/frontend/src/views/admin/GroupsView.vue
@@ -5,7 +5,7 @@
         <div class="flex flex-col justify-between gap-4 lg:flex-row lg:items-start">
           <!-- Left: fuzzy search + filters (can wrap to multiple lines) -->
           <div class="flex flex-1 flex-wrap items-center gap-3">
-            <div class="relative w-full sm:w-72 lg:w-80">
+            <div class="relative w-full sm:w-64">
               <svg
                 class="absolute left-3 top-1/2 h-5 w-5 -translate-y-1/2 text-gray-400 dark:text-gray-500"
                 fill="none"
diff --git a/frontend/src/views/admin/ProxiesView.vue b/frontend/src/views/admin/ProxiesView.vue
index 37fff2d7..03128434 100644
--- a/frontend/src/views/admin/ProxiesView.vue
+++ b/frontend/src/views/admin/ProxiesView.vue
@@ -7,7 +7,7 @@
           <!-- Left: Fuzzy search + filters (wrap to multiple lines) -->
           <div class="flex flex-1 flex-wrap items-center gap-3">
             <!-- Search -->
-            <div class="relative w-full sm:flex-1 sm:min-w-[14rem] sm:max-w-md">
+            <div class="relative w-full sm:w-64">
               <svg
                 class="absolute left-3 top-1/2 h-5 w-5 -translate-y-1/2 text-gray-400 dark:text-gray-500"
                 fill="none"
diff --git a/frontend/src/views/admin/SubscriptionsView.vue b/frontend/src/views/admin/SubscriptionsView.vue
index 50fe4cbe..83b7637b 100644
--- a/frontend/src/views/admin/SubscriptionsView.vue
+++ b/frontend/src/views/admin/SubscriptionsView.vue
@@ -8,7 +8,7 @@
           <div class="flex flex-1 flex-wrap items-center gap-3">
             <!-- User Search -->
             <div
-              class="relative w-full sm:flex-1 sm:min-w-[14rem] sm:max-w-md"
+              class="relative w-full sm:w-64"
               data-filter-user-search
             >
               <svg