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>