skyfall/skyfalldev
1
0
Fork 0
mirror of https://github.com/SkyfallWasTaken/skyfalldev.git synced 2025-04-03 18:24:15 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Update button styling

Browse source
This commit is contained in:
SkyfallWasTaken 2024-07-07 20:44:35 +01:00
parent 083e285732
commit e8abbd26f8
2 changed files with 2 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/components/ui/Button.astro
View file

@ -5,7 +5,7 @@ const { class: className, ...rest } = Astro.props;
<button <button
class={twMerge( class={twMerge(
"shadow-sm px-3 py-2 rounded-md bg-surface0 hover:bg-surface1 transition", "shadow-sm px-3 py-2 rounded-md bg-surface0 hover:bg-surface1 border-surface1 border-[1px] transition",
className, className,
)} )}
{...rest} {...rest}

2
src/pages/index.astro
View file

@ -23,7 +23,7 @@ import Button from "../components/ui/Button.astro";
tuned! tuned!
</p> </p>
<div class="flex flex-row gap-2"> <div class="flex flex-row gap-2">
<Button class="border-surface1 border-[1px]"> <Button>
<a href="/blog">Read my blog</a> <a href="/blog">Read my blog</a>
</Button> </Button>
</div> </div>