From b078e456ccea3e696e612328f66dc031eaf3d47f Mon Sep 17 00:00:00 2001
From: Daniel Roe <daniel@roe.dev>
Date: Tue, 6 Dec 2022 23:32:27 +0000
Subject: [PATCH] fix: add explicit height/width for logo to reduce cls

---
 components/account/AccountHeader.vue | 2 +-
 components/help/HelpPreview.vue      | 2 +-
 components/nav/NavTitle.vue          | 2 +-
 components/user/UserSignIn.vue       | 2 +-
 4 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/components/account/AccountHeader.vue b/components/account/AccountHeader.vue
index 040c5fee..54972ce0 100644
--- a/components/account/AccountHeader.vue
+++ b/components/account/AccountHeader.vue
@@ -91,7 +91,7 @@ watchEffect(() => {
 <template>
   <div flex flex-col>
     <button border="b base" z-1>
-      <img h-50 w-full object-cover :src="account.header" :alt="t('account.profile_description', [account.username])" @click="previewHeader">
+      <img h-50 height="200" w-full object-cover :src="account.header" :alt="t('account.profile_description', [account.username])" @click="previewHeader">
     </button>
     <div p4 mt--18 flex flex-col gap-4>
       <div relative>
diff --git a/components/help/HelpPreview.vue b/components/help/HelpPreview.vue
index 1f013d3a..81e7062c 100644
--- a/components/help/HelpPreview.vue
+++ b/components/help/HelpPreview.vue
@@ -44,7 +44,7 @@ const teams: Team[] = [
       <div i-ri:close-fill />
     </button>
 
-    <img src="/logo.svg" w-20 h-20 mxa alt="logo">
+    <img src="/logo.svg" w-20 h-20 height="80" width="80" mxa alt="logo">
     <h1 mxa text-4xl mb4>
       {{ $t('help.title') }}
     </h1>
diff --git a/components/nav/NavTitle.vue b/components/nav/NavTitle.vue
index 525f2ff8..beb31838 100644
--- a/components/nav/NavTitle.vue
+++ b/components/nav/NavTitle.vue
@@ -5,7 +5,7 @@ const sub = process.dev ? 'dev' : useRuntimeConfig().public.env === 'staging' ?
 <template>
   <!-- Use external to force refresh page and jump to top of timeline -->
   <NuxtLink flex px3 py2 items-center text-2xl gap-2 hover:bg-active focus-visible:ring="2 current" rounded-full to="/" external>
-    <img alt="Elk Logo" src="/logo.svg" w-10 h-10>
+    <img alt="Elk Logo" src="/logo.svg" w-10 h-10 height="40" width="40">
     <div>
       {{ $t('app_name') }} <sup text-sm italic text-secondary mt-1>{{ sub }}</sup>
     </div>
diff --git a/components/user/UserSignIn.vue b/components/user/UserSignIn.vue
index 5384130c..d9653cda 100644
--- a/components/user/UserSignIn.vue
+++ b/components/user/UserSignIn.vue
@@ -23,7 +23,7 @@ onMounted(() => {
 <template>
   <form text-center justify-center items-center max-w-150 py6 flex="~ col gap-3" @submit.prevent="oauth">
     <div flex="~ center" mb2>
-      <img src="/logo.svg" w-12 h-12 mxa alt="logo">
+      <img src="/logo.svg" w-12 h-12 mxa height="48" width="48" alt="logo">
       <div text-3xl>
         {{ $t('action.sign_in') }}
       </div>