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">
|
<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'};
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue