ZenBrowserMirrors/www
1
0
Fork 0
mirror of https://github.com/zen-browser/www.git synced 2025-07-10 18:25:31 +02:00
Code Issues Projects Releases Packages Wiki Activity

Feat: add lucide-astro icons, enhance Button component with bordered option, and update layout styles

Browse source
This commit is contained in:
mr. m 🤙 2024-11-21 12:49:29 +00:00
parent f0b2c7a96d
commit a86130fc07
7 changed files with 96 additions and 17 deletions
Download patch file Download diff file Expand all files Collapse all files

4
src/components/Button.astro
View file

@ -1,8 +1,8 @@
---
const { class: className, isPrimary, } = Astro.props;
const { class: className, isPrimary, isBordered } = Astro.props;
---
<button class:list={['px-4 py-2 rounded-full transition-transform duration-200', className, isPrimary ? 'bg-coral opacity-60 text-paper hover:!transform hover:!scale-105' : 'hover:bg-coral/10']}>
<button class:list={['px-4 py-2 flex gap-2 items-center justify-center rounded-full transition-transform duration-200', className, isPrimary ? 'bg-button-primary text-paper hover:!transform hover:!scale-105' : !isBordered ? 'hover:bg-dark/10' : 'border-2 border-dark hover:bg-dark hover:shadow-sm hover:text-paper !transition-bg']} >
<slot />
</button>
<style>