Add viewBox to fix size problems

WordPress · May 23, 2023 · 27b08a0 · 27b08a0
1 parent 5854ddb
commit 27b08a0
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/frontend/src/components/VBrand/VBrand.vue b/frontend/src/components/VBrand/VBrand.vue
@@ -3,8 +3,8 @@
   <div class="flex flex-row items-center">
     <!-- Using `flex` to place two SVGs side by side. -->
     <span class="inline-flex h-[1em] flex-row gap-[0.4em]" aria-hidden="true">
-      <VSvg class="h-full w-auto" viewbox="0 0 50 42" name="logo" />
-      <VSvg class="h-full w-auto" viewbox="0 0 215 42" name="brand" />
+      <VSvg class="h-full w-auto" viewBox="0 0 50 42" name="logo" />
+      <VSvg class="h-full w-auto" viewBox="0 0 215 42" name="brand" />
     </span>
     <span v-if="srText" class="sr-only">{{ srText }}</span>
   </div>

diff --git a/frontend/src/components/VHeader/VHomeLink.vue b/frontend/src/components/VHeader/VHomeLink.vue
@@ -12,8 +12,8 @@
     "
     class="h-12 px-4 text-[1.125rem]"
   >
-    <VSvg name="logo" class="me-2 h-[1em] w-auto" />
-    <VSvg name="brand" class="h-[1em] w-auto" />
+    <VSvg name="logo" class="me-2 h-[1em] w-auto" viewBox="0 0 50 42" />
+    <VSvg name="brand" class="h-[1em] w-auto" viewBox="0 0 215 42" />
   </VButton>
 </template>