fix(components/tiles): remove useless background styles
This commit is contained in:
parent
144b43edd4
commit
c972d86be2
1 changed files with 1 additions and 17 deletions
|
|
@ -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'};
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue