experimented with different image sizes

TUM-Dev · Apr 12, 2024 · 32e3e33 · 32e3e33
1 parent 842cbf9
commit 32e3e33
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 2 deletions.
diff --git a/webclient/components/DetailsInfoSection.vue b/webclient/components/DetailsInfoSection.vue
@@ -31,6 +31,8 @@ const runtimeConfig = useRuntimeConfig();
           class="bg-zinc-100 block h-auto w-full max-w-full rounded-t-lg"
           preload
           placeholder
+          sizes="500px sm:200px md:300px md:400px"
+          densities="x1 x2"
         />
       </button>
       <div class="px-5 py-3">

diff --git a/webclient/pages/[view]/[id].vue b/webclient/pages/[view]/[id].vue
@@ -135,10 +135,11 @@ onMounted(() => {
         height="105"
         :alt="t('image_alt')"
         :src="`${runtimeConfig.public.cdnURL}/cdn/lg/${data.imgs[0].name}`"
-        densities="x1 x2 x3 x4"
+        sizes="1024px sm:256px md:512px"
+        densities="x1 x2"
         class="block w-full"
         preload
-        placeholder
+        :placeholder="[256, 105]"
       />
     </button>