diff options
| author | LynithDev <61880709+LynithDev@users.noreply.github.com> | 2023-12-26 17:16:04 +0100 |
|---|---|---|
| committer | LynithDev <61880709+LynithDev@users.noreply.github.com> | 2023-12-26 17:16:04 +0100 |
| commit | 6db9917e7d2ffaa1a9e08c326c0ac8736332823c (patch) | |
| tree | 018c2cd011d15f56deab8847c8f73de313d6626b /apps/website/src/components | |
| parent | 6dbef7946abd350bbfb5cfe21d5f6c1b5e969011 (diff) | |
| download | Nexus-6db9917e7d2ffaa1a9e08c326c0ac8736332823c.tar.gz Nexus-6db9917e7d2ffaa1a9e08c326c0ac8736332823c.tar.bz2 Nexus-6db9917e7d2ffaa1a9e08c326c0ac8736332823c.zip | |
Slider tweaks
Diffstat (limited to 'apps/website/src/components')
| -rw-r--r-- | apps/website/src/components/base/Button.astro | 1 | ||||
| -rw-r--r-- | apps/website/src/components/base/Card.astro | 8 | ||||
| -rw-r--r-- | apps/website/src/components/base/Slider.astro | 2 |
3 files changed, 6 insertions, 5 deletions
diff --git a/apps/website/src/components/base/Button.astro b/apps/website/src/components/base/Button.astro index 285052a..fef01f6 100644 --- a/apps/website/src/components/base/Button.astro +++ b/apps/website/src/components/base/Button.astro @@ -7,6 +7,7 @@ const styles = { // TODO: adjust active / disabled colors primary: 'bg-blue-500 text-white hover:bg-blue-400 active:bg-blue-600 disabled:bg-blue-800 disabled:text-white-1/4', secondary: 'bg-blue-20 text-blue-60 border-[1px] border-blue-30 hover:bg-blue-200 active:bg-blue-300 disabled:bg-blue-50 disabled:text-blue-200', + ghost: 'bg-transparent text-blue-500 hover:bg-blue-20 active:bg-blue-30 disabled:bg-transparent disabled:text-blue-200', }; const sizes = { diff --git a/apps/website/src/components/base/Card.astro b/apps/website/src/components/base/Card.astro index 7cc51b2..9b75f16 100644 --- a/apps/website/src/components/base/Card.astro +++ b/apps/website/src/components/base/Card.astro @@ -16,7 +16,7 @@ const { --- <!-- 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-gray-600 w-64 pt-1 shrink-0"> - <Icon icon={icon} size={48} class="my-[20px] mx-auto text-white"></Icon> - <p class="text-white text-md mx-auto bg-primary-600 rounded-b-xl pl-[12px] pr-[32px]">{text}</p> - </div> +<div {...rest} class="rounded-xl bg-gray-600 w-64 pt-1 shrink-0"> + <Icon icon={icon} size={48} class="my-[20px] mx-auto text-white"></Icon> + <p class="text-white text-md mx-auto bg-primary-600 rounded-b-xl py-[5px] pl-[12px] pr-[32px]">{text}</p> +</div> diff --git a/apps/website/src/components/base/Slider.astro b/apps/website/src/components/base/Slider.astro index ae4bbae..3fbca91 100644 --- a/apps/website/src/components/base/Slider.astro +++ b/apps/website/src/components/base/Slider.astro @@ -14,7 +14,7 @@ const { wrapperClass = '', childrenNum, childrenSize = '256px', - speed = '15s', + speed = '20s', } = Astro.props; --- |