From 804350bc81c8feb5b1fd6ec173d386c617e67c79 Mon Sep 17 00:00:00 2001
From: maicss <maicss@foxmail.com>
Date: Fri, 1 Mar 2024 23:31:18 +0800
Subject: [PATCH] feat: search box add border for contrast

---
 src/layouts/components/SearchBar.vue | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/layouts/components/SearchBar.vue b/src/layouts/components/SearchBar.vue
index 180c5d4c..8e6dd33a 100644
--- a/src/layouts/components/SearchBar.vue
+++ b/src/layouts/components/SearchBar.vue
@@ -84,7 +84,7 @@ function openSearchDialog() {
     <VTextField
       key="search_navbar"
       v-model="searchWord"
-      class="d-none d-lg-block text-disabled"
+      class="d-none d-lg-block text-disabled search-box"
       density="compact"
       variant="solo"
       label="搜索电影、电视剧"
@@ -98,3 +98,9 @@ function openSearchDialog() {
     />
   </span>
 </template>
+
+<style lang="scss">
+.search-box div.v-input__control div[role="textbox"] {
+  border: 1px solid rgb(var(--v-theme-background));
+}
+</style>