From 6b6d2dbdb511b2982141d4f4a9ec61b61f370795 Mon Sep 17 00:00:00 2001
From: lanyeeee <1210347077@qq.com>
Date: Sat, 9 Nov 2024 21:28:20 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E7=BB=99=E6=90=9C=E7=B4=A2=E6=8C=89?=
 =?UTF-8?q?=E9=92=AE=E6=8D=A2=E4=B8=AA=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/SearchPane.vue | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/src/components/SearchPane.vue b/src/components/SearchPane.vue
index 5abcf23..8ee22f4 100644
--- a/src/components/SearchPane.vue
+++ b/src/components/SearchPane.vue
@@ -59,8 +59,8 @@ async function search(keyword: string, page: number, sort: SearchSort) {
 <template>
   <div class="h-full flex flex-col">
     <div class="flex flex-col">
-      <div class="grid grid-cols-[4fr_1fr]">
-        <div class="flex">
+      <div class="grid grid-cols-[4fr_1fr] gap-col-1">
+        <div class="flex gap-col-1">
           <n-input class="text-align-left"
                    size="tiny"
                    v-model:value="searchInput"
@@ -71,8 +71,9 @@ async function search(keyword: string, page: number, sort: SearchSort) {
               关键词:
             </template>
           </n-input>
-          <!--     TODO: 搜索按钮改个样式，默认样式太不显眼了     -->
-          <n-button size="tiny" @click="search(searchInput.trim(), 1, sortSelected)">搜索</n-button>
+          <n-button type="primary" secondary size="tiny" @click="search(searchInput.trim(), 1, sortSelected)">
+            搜索
+          </n-button>
         </div>
         <n-select class="flex"
                   v-model:value="sortSelected"