mirror of
https://github.com/zoriya/v10.git
synced 2026-08-16 02:45:09 +00:00
23 lines
603 B
Plaintext
23 lines
603 B
Plaintext
---
|
|
interface Props {
|
|
variant?: 'extra-short' | 'short' | 'normal';
|
|
class?: string;
|
|
}
|
|
const { variant = 'normal', class: className } = Astro.props;
|
|
---
|
|
|
|
<div
|
|
class:list={[
|
|
"relative grid",
|
|
variant === "extra-short" ? "h-20" : variant === "short" ? "h-25" : "h-52",
|
|
className,
|
|
]}
|
|
style="grid-template-rows: 80fr 60fr 45fr 20fr 10fr"
|
|
>
|
|
<div class="bg-bright-yellow dark:bg-gold"></div>
|
|
<div class="bg-gold dark:bg-orange"></div>
|
|
<div class="bg-orange dark:bg-red"></div>
|
|
<div class="bg-red dark:bg-magenta"></div>
|
|
<div class="bg-magenta dark:bg-magenta-dark"></div>
|
|
</div>
|