From 7af79287f6e1b870417c62a8d5437053bd085a30 Mon Sep 17 00:00:00 2001
From: Mohan <jtkjcmh@126.com>
Date: Wed, 12 Aug 2026 16:42:42 +0800
Subject: [PATCH] fix(page): keep search bar within viewport on mobile

---
 src/views/SearchView.vue | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/views/SearchView.vue b/src/views/SearchView.vue
index 1fa1b51..b81a6ff 100644
--- a/src/views/SearchView.vue
+++ b/src/views/SearchView.vue
@@ -207,6 +207,7 @@ onMounted(() => {
 
 .search-input {
   flex: 1;
+  min-width: 0;
   padding: 10px 14px;
   border: 1px solid var(--ac-input-border);
   border-radius: var(--song-radius-l);
@@ -222,7 +223,9 @@ onMounted(() => {
 }
 
 .search-btn {
-  padding: 10px 22px;
+  flex-shrink: 0;
+  white-space: nowrap;
+  padding: 10px 18px;
   border: none;
   border-radius: var(--song-radius-l);
   background: var(--ac-primary-strong);