Make "more games soon" button pressed in by default
This commit is contained in:
parent
be2c58d248
commit
30783902df
2 changed files with 8 additions and 1 deletions
|
@ -84,5 +84,9 @@
|
||||||
box-shadow: hsl(var(--primary)) 2px 1px 0px;
|
box-shadow: hsl(var(--primary)) 2px 1px 0px;
|
||||||
translate: 2px 1px;
|
translate: 2px 1px;
|
||||||
}
|
}
|
||||||
|
&.pressed {
|
||||||
|
box-shadow: hsl(var(--primary)) 2px 1px 0px;
|
||||||
|
translate: 2px 1px;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -21,7 +21,10 @@
|
||||||
<main class="grid w-full max-w-4xl justify-items-center gap-y-8 lg:grid-cols-2">
|
<main class="grid w-full max-w-4xl justify-items-center gap-y-8 lg:grid-cols-2">
|
||||||
{#each Object.entries(games) as [href, { image, name }]}
|
{#each Object.entries(games) as [href, { image, name }]}
|
||||||
<a
|
<a
|
||||||
class="shadow-sharp flex aspect-[4/1] w-full max-w-sm items-center justify-center rounded-xl border-2 border-current bg-contain bg-no-repeat transition-all"
|
class="shadow-sharp flex aspect-[4/1] w-full max-w-sm items-center justify-center rounded-xl border-2 border-current bg-contain bg-no-repeat transition-all {href ===
|
||||||
|
''
|
||||||
|
? 'pressed pointer-events-none'
|
||||||
|
: ''}"
|
||||||
style="background-image: url('{image}')"
|
style="background-image: url('{image}')"
|
||||||
draggable="false"
|
draggable="false"
|
||||||
{href}
|
{href}
|
||||||
|
|
Loading…
Add table
Reference in a new issue