feat: refactor search box style

ulivz · Mar 7, 2023 · 97a0d30 · 97a0d30 · vercel · Mar 7, 2023
1 parent 7b22c05
commit 97a0d30
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/packages/vuepress-theme-vt/plugins/fulltext-search/components/SearchBox.vue b/packages/vuepress-theme-vt/plugins/fulltext-search/components/SearchBox.vue
@@ -376,7 +376,7 @@ function highlight(str, strHighlight) {
   .search-command {
     position: absolute;
     top: 8px;
-    right: 10px;
+    right: 12px;
   }
 
   .suggestions {
@@ -441,7 +441,7 @@ function highlight(str, strHighlight) {
             margin: 0 3px;
             padding: 0 3px;
             border-radius: 3px;
-            background: var(--vp-c-active-link-bg);
+            background: aquamarine;
           }
 
           border: 1px solid $borderColor;

diff --git a/packages/vuepress-theme-vt/plugins/fulltext-search/components/SearchCommand.vue b/packages/vuepress-theme-vt/plugins/fulltext-search/components/SearchCommand.vue
@@ -62,7 +62,7 @@ export default {
   margin-top: 2px;
   border: 1px solid var(--vp-c-divider);
   border-right: none;
-  border-radius: 4px 0 0 4px;
+  border-radius: 20px 0 0 20px;
   padding-left: 6px;
   padding-right: 1px;
   height: 20px;
@@ -74,7 +74,7 @@ export default {
 .search-command-char:nth-child(2) {
   border-right: 1px solid var(--vp-c-divider);
   border-left: none;
-  border-radius: 0 4px 4px 0;
+  border-radius: 0 20px 20px 0;
   padding-left: 3px;
   padding-right: 6px;
 }