From 10cc3e6f4921c1346b1732da7cb12075f1fd6aa3 Mon Sep 17 00:00:00 2001
From: Josip Igrec <josip@igr.ec>
Date: Mon, 14 Aug 2023 02:54:03 +0200
Subject: [PATCH] Fix variant images being very duplicated

---
 src/components/base/aspect-ratio.tsx              | 2 +-
 src/components/base/image/variant-image/index.tsx | 8 ++++++--
 2 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/src/components/base/aspect-ratio.tsx b/src/components/base/aspect-ratio.tsx
index 9bbab5b..ea59d78 100644
--- a/src/components/base/aspect-ratio.tsx
+++ b/src/components/base/aspect-ratio.tsx
@@ -17,8 +17,8 @@ const AspectRatio: FC<AspectRatioProps> = (props) => {
     <div
       className="relative w-full"
       style={{
-        ...props.style,
         paddingBottom: `${100 / ratio}%`,
+        aspectRatio: ratio,
       }}
     >
       <div
diff --git a/src/components/base/image/variant-image/index.tsx b/src/components/base/image/variant-image/index.tsx
index 06f2cb2..10e2a04 100644
--- a/src/components/base/image/variant-image/index.tsx
+++ b/src/components/base/image/variant-image/index.tsx
@@ -1,7 +1,11 @@
 import { type FC } from "react";
 
 import { cn } from "~/utils/class";
-import { src as imgSrc, urlVariants } from "~/utils/kset-image";
+import {
+  DefaultUrlVariants,
+  src as imgSrc,
+  urlVariant,
+} from "~/utils/kset-image";
 
 import AppImage, { type AppImageProps } from "../app-image";
 
@@ -27,7 +31,7 @@ const VariantImage: FC<
       aspect={{
         ratio,
         style: {
-          backgroundImage: urlVariants(src),
+          backgroundImage: urlVariant(src, DefaultUrlVariants.Thumb),
           ...aspect?.style,
         },
         ...aspect,