Fix: [Client][HeaderBar] 検索窓にフォーカスリングを表示する

tsukumijima · Aug 24, 2024 · 6eb9568 · 6eb9568
1 parent 98dd1e7
commit 6eb9568
Showing 1 changed file with 2 additions and 0 deletions.
diff --git a/client/src/components/HeaderBar.vue b/client/src/components/HeaderBar.vue
@@ -151,8 +151,10 @@ const showSearchInput = computed(() => {
         background: rgb(var(--v-theme-background-lighten-1));
         color: rgb(var(--v-theme-text-darken-1));
         font-size: 15px;
+        transition: box-shadow 0.09s ease;
 
         &:focus {
+            box-shadow: rgb(var(--v-theme-primary), 50%) 0 0 0 3.5px;
             outline: none;
         }