fix: image sizing

qin-guan · Jul 21, 2023 · f7f7e32 · f7f7e32
1 parent 51584e5
commit f7f7e32
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 3 deletions.
diff --git a/pages/s/[id]/analytics.vue b/pages/s/[id]/analytics.vue
@@ -77,7 +77,7 @@ useSeoMeta({
         </div>
       </Dialog>
 
-      <NuxtImg preload height="135" alt="World Skills ASEAN" densities="x1 x2 x3" src="/images/logo.webp" />
+      <NuxtImg preload fit="contain" width="135" height="135" alt="World Skills ASEAN" densities="x1 x2 x3" src="/images/logo.webp" />
 
       <Skeleton v-if="surveyPending" height="45px" />
       <h1 v-else-if="survey" mt8 text-xl font-bold>

diff --git a/pages/s/[id]/index.vue b/pages/s/[id]/index.vue
@@ -109,7 +109,7 @@ async function submit() {
       <DashboardError v-if="surveyError" v-bind="surveyError" />
       <template v-else-if="survey">
         <div mx-auto max-w-3xl container>
-          <NuxtImg preload height="135" alt="World Skills ASEAN" densities="x1 x2 x3" src="/images/logo.webp" />
+          <NuxtImg preload fit="contain" width="135" height="135" alt="World Skills ASEAN" densities="x1 x2 x3" src="/images/logo.webp" />
 
           <div mt10>
             <h1 text-5xl font-bold>

diff --git a/pages/thanks.vue b/pages/thanks.vue
@@ -106,7 +106,7 @@ async function create() {
 <template>
   <div p-6 lg:px-30>
     <main flex flex-col gap10>
-      <NuxtImg peload height="135" alt="World Skills ASEAN" densities="x1 x2 x3" src="/images/logo.webp" />
+      <NuxtImg preload fit="contain" width="135" height="135" alt="World Skills ASEAN" densities="x1 x2 x3" src="/images/logo.webp" />
 
       <section>
         <Skeleton v-if="surveyPending" height="200px" />