Use a single svg for logo and wordmark in the home link

WordPress · May 24, 2023 · d91df61 · d91df61
1 parent c54222d
commit d91df61
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 6 deletions.
diff --git a/frontend/src/assets/logo_and_wordmark.svg b/frontend/src/assets/logo_and_wordmark.svg
diff --git a/frontend/src/components/VHeader/VHomeLink.vue b/frontend/src/components/VHeader/VHomeLink.vue
@@ -12,8 +12,7 @@
     "
     class="h-12 px-4 text-[1.125rem]"
   >
-    <OpenverseLogo class="me-2 h-[1em] w-auto" />
-    <OpenverseBrand class="h-[1em] w-auto" />
+    <OpenverseLogoAndWordmark class="h-[1em] w-auto" />
   </VButton>
 </template>
 
@@ -22,8 +21,7 @@ import { type PropType, defineComponent } from "vue"
 
 import VButton from "~/components/VButton.vue"
 
-import OpenverseLogo from "~/assets/logo.svg?inline"
-import OpenverseBrand from "~/assets/brand.svg?inline"
+import OpenverseLogoAndWordmark from "~/assets/logo_and_wordmark.svg?inline"
 
 /**
  * The home link for the internal header. Shows the Openverse logo and wordmark,
@@ -32,8 +30,7 @@ import OpenverseBrand from "~/assets/brand.svg?inline"
 export default defineComponent({
   name: "VHomeLink",
   components: {
-    OpenverseLogo,
-    OpenverseBrand,
+    OpenverseLogoAndWordmark,
     VButton,
   },
   props: {