fix: add explicit height/width for logo to reduce cls

zio/stable
Daniel Roe 2022-12-06 23:32:27 +00:00
parent 2c9a2b081d
commit b078e456cc
No known key found for this signature in database
GPG Key ID: 22D5008E4F5D9B55
4 changed files with 4 additions and 4 deletions

View File

@ -91,7 +91,7 @@ watchEffect(() => {
<template> <template>
<div flex flex-col> <div flex flex-col>
<button border="b base" z-1> <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> </button>
<div p4 mt--18 flex flex-col gap-4> <div p4 mt--18 flex flex-col gap-4>
<div relative> <div relative>

View File

@ -44,7 +44,7 @@ const teams: Team[] = [
<div i-ri:close-fill /> <div i-ri:close-fill />
</button> </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> <h1 mxa text-4xl mb4>
{{ $t('help.title') }} {{ $t('help.title') }}
</h1> </h1>

View File

@ -5,7 +5,7 @@ const sub = process.dev ? 'dev' : useRuntimeConfig().public.env === 'staging' ?
<template> <template>
<!-- Use external to force refresh page and jump to top of timeline --> <!-- 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> <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> <div>
{{ $t('app_name') }} <sup text-sm italic text-secondary mt-1>{{ sub }}</sup> {{ $t('app_name') }} <sup text-sm italic text-secondary mt-1>{{ sub }}</sup>
</div> </div>

View File

@ -23,7 +23,7 @@ onMounted(() => {
<template> <template>
<form text-center justify-center items-center max-w-150 py6 flex="~ col gap-3" @submit.prevent="oauth"> <form text-center justify-center items-center max-w-150 py6 flex="~ col gap-3" @submit.prevent="oauth">
<div flex="~ center" mb2> <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> <div text-3xl>
{{ $t('action.sign_in') }} {{ $t('action.sign_in') }}
</div> </div>