diff options
| author | Wyvest <wyvestbusiness@gmail.com> | 2024-01-20 11:29:57 -0500 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2024-01-20 11:29:57 -0500 |
| commit | 0afab2cd1b1266034d35cd66f41c3bde90847f9e (patch) | |
| tree | 54172a78823cf76761ab88e21d6d2c64d5b965c3 /apps/website/src/components/base/Card.astro | |
| parent | 55b593c4e6b90137995aee9a55ba2a86423cc7bd (diff) | |
| parent | 55548a94b61ce7d1ca0ca8da69db7566f937cfeb (diff) | |
| download | Nexus-0afab2cd1b1266034d35cd66f41c3bde90847f9e.tar.gz Nexus-0afab2cd1b1266034d35cd66f41c3bde90847f9e.tar.bz2 Nexus-0afab2cd1b1266034d35cd66f41c3bde90847f9e.zip | |
Merge pull request #4 from Polyfrost/website/icon-fix
Diffstat (limited to 'apps/website/src/components/base/Card.astro')
| -rw-r--r-- | apps/website/src/components/base/Card.astro | 22 |
1 files changed, 22 insertions, 0 deletions
diff --git a/apps/website/src/components/base/Card.astro b/apps/website/src/components/base/Card.astro new file mode 100644 index 0000000..6438273 --- /dev/null +++ b/apps/website/src/components/base/Card.astro @@ -0,0 +1,22 @@ +--- +import type { Icons } from '@components/icons/Icon.astro'; +import Icon from '@components/icons/Icon.astro'; +import type { HTMLAttributes } from 'astro/types'; + +interface Props extends HTMLAttributes<'div'> { + icon: Icons + text?: string +} + +const { + icon, + text = 'Hiiii', + ...rest +} = Astro.props; +--- + +<!-- pt-1 added temporarily cause for some reason the icon's padding doesn't apply unless I add this. the wonders of CSS. --> +<div {...rest} class="rounded-xl bg-primary-100 w-[256px] shrink-0"> + <Icon icon={icon} size={48} class="my-[28px] mx-auto text-white"></Icon> + <p class="text-white mx-auto bg-primary-200 rounded-b-xl text-[14px] py-[7px] pl-[12px] pr-[32px]">{text}</p> +</div> |