Fix icons

creeperkatze · Dec 30, 2024 · 27b858b · 27b858b
1 parent b9552a9
commit 27b858b
Show file tree

Hide file tree

Showing 4 changed files with 9 additions and 6 deletions.
diff --git a/components/Icon/Drawer.vue b/components/Icon/Drawer.vue
@@ -0,0 +1,6 @@
+<template>
+    <svg fill="none" stroke-linecap="round"
+        stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" stroke="currentColor">
+        <path d="M4 6h16M4 12h16M4 18h16" />
+    </svg>
+</template>
diff --git a/components/Navbar.vue b/components/Navbar.vue
@@ -22,10 +22,7 @@
                 </NuxtLink>
                 <div class="lg:hidden flex items-center">
                     <button @click="drawerOpen = !drawerOpen">
-                        <svg class="h-8 w-8 text-white" :alt="$t('button.drawer')" fill="none" stroke-linecap="round"
-                            stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" stroke="currentColor">
-                            <path d="M4 6h16M4 12h16M4 18h16" />
-                        </svg>
+                        <IconDrawer class="h-8 w-8 text-white" :alt="$t('button.drawer')"/>
                     </button>
                 </div>
             </div>

diff --git a/pages/generators/cat.vue b/pages/generators/cat.vue
@@ -7,7 +7,7 @@
                 </div>
                 <div v-else>
                     <p v-if="error" class="text-red-600">Error: {{ error }}</p>
-                    <img v-else src="~/assets/icons/loading.svg" :alt="$t('page.cat.loading')" class="center w-16">
+                    <IconLoading :alt="$t('page.cat.loading')" class="center w-16"/>
                 </div>
             </div>
             <hr class="mt-4 mb-4">

diff --git a/pages/generators/joke.vue b/pages/generators/joke.vue
@@ -13,7 +13,7 @@
                     <div v-if="error" class="mb-4">
                         <p v-if="error" class="text-red-600">Error: {{ error }}</p>
                     </div>
-                    <img v-else src="~/assets/icons/loading.svg" :alt="$t('page.joke.loading')" class="center w-16 center">
+                    <IconLoading :alt="$t('page.joke.loading')" class="center w-16"/>
                 </div>
             </div>
             <hr class="mt-4 mb-4">