Add goofy picture, use <Button>, and minor formatting

This commit is contained in:
Antoine Phan
2025-06-20 10:59:12 -04:00
parent ffd0a053bc
commit 73e46d95c9
3 changed files with 69 additions and 48 deletions

View File

@@ -1,3 +1,14 @@
<button class="btn bg-ecsess-600 text-ecsess-200 px-4 py-2 m-1 rounded-lg border-none hover:shadow-lg hover:shadow-ecsess-800 active:bg-ecsess-800 transition-all">
<slot />
</button>
<script lang="ts">
let { children, onclick } = $props();
</script>
<button
class="bg-ecsess-600 hover:bg-ecsess-400 active:bg-ecsess-800
m-1 inline-block rounded-lg border-none px-4
py-2 text-white transition-all
duration-200 ease-out
hover:shadow-2xl"
{onclick}
>
{@render children()}
</button>