fix(components/tiles): remove useless background styles

This commit is contained in:
mikhail "synzr" 2025-11-30 23:26:24 +05:00
parent 144b43edd4
commit c972d86be2

View file

@ -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'};