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"> <script lang="ts">
import { cva } from "class-variance-authority";
// Base size for a icon in pixels. // Base size for a icon in pixels.
const ICON_BASE_SIZE = 45; const ICON_BASE_SIZE = 45;
@ -37,20 +35,6 @@ Metro-like tile. Must be in a group to display correctly.
children: () => any; children: () => any;
} = $props(); } = $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. * Icon size. Based on tile's size.
*/ */
@ -70,7 +54,7 @@ Metro-like tile. Must be in a group to display correctly.
</script> </script>
<div <div
class={style({ size })} class="bg-(--tile-color) overflow-y-hidden"
style=" style="
--tile-icon-size: {iconSize}; --tile-icon-size: {iconSize};
--tile-name-display: {size !== 'small' ? 'inline' : 'none'}; --tile-name-display: {size !== 'small' ? 'inline' : 'none'};