From c972d86be23bc5e28500b904cf7e4b4798cdb3c3 Mon Sep 17 00:00:00 2001
From: synzr <mikhail@synzr.space>
Date: Sun, 30 Nov 2025 23:26:24 +0500
Subject: [PATCH] fix(components/tiles): remove useless background styles

---
 src/lib/components/tiles/Tile.svelte | 18 +-----------------
 1 file changed, 1 insertion(+), 17 deletions(-)

diff --git a/src/lib/components/tiles/Tile.svelte b/src/lib/components/tiles/Tile.svelte
index 2fed489..fc845c0 100644
--- a/src/lib/components/tiles/Tile.svelte
+++ b/src/lib/components/tiles/Tile.svelte
@@ -5,8 +5,6 @@ Metro-like tile. Must be in a group to display correctly.
 -->
 
 <script lang="ts">
-    import { cva } from "class-variance-authority";
-
     // Base size for a icon in pixels.
     const ICON_BASE_SIZE = 45;
 
@@ -37,20 +35,6 @@ Metro-like tile. Must be in a group to display correctly.
         children: () => any;
     } = $props();
 
-    /**
-     * Tile style.
-     **/
-    const style = cva(["bg-(--tile-color)", "overflow-y-hidden"], {
-        variants: {
-            size: {
-                small: "bg-size-[45px]",
-                medium: ["col-span-2", "row-span-2", "bg-size-[90px]"],
-                wide: ["col-span-4", "row-span-2", "bg-size-[90px]"],
-                large: ["col-span-4", "row-span-4", "bg-size-[180px]"],
-            },
-        },
-    });
-
     /**
      * Icon size. Based on tile's size.
      */
@@ -70,7 +54,7 @@ Metro-like tile. Must be in a group to display correctly.
 </script>
 
 <div
-    class={style({ size })}
+    class="bg-(--tile-color) overflow-y-hidden"
     style="
         --tile-icon-size: {iconSize};
         --tile-name-display: {size !== 'small' ? 'inline' : 'none'};