skeleton loader

2023-05-20 14:54:41 +02:00
parent 7e7bb41a27
commit f61be632a0
8 changed files with 143 additions and 59 deletions
--- a/src/components/Search/SearchBar.vue
+++ b/src/components/Search/SearchBar.vue
@@ -47,7 +47,7 @@ const handleKeydown = (event: KeyboardEvent) => {
    <input
      type="text"
      placeholder="Search for notes"
-      class="h-full w-full rounded border-0 bg-[#355fd3] px-2 text-white outline-none placeholder:text-white focus:bg-white focus:text-black"
+      class="h-full w-full rounded border-0 bg-white/10 px-2 text-white outline-none placeholder:text-white focus:bg-white focus:text-black"
      @focus="active = true"
      @mousedown="active = true"
      @blur="active = false"