kogakure/website-astro-stefanimhoff.de
1
0
Fork 0
mirror of https://github.com/kogakure/website-astro-stefanimhoff.de.git synced 2026-02-03 20:15:27 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: change tag design

Browse Source
This commit is contained in:
Stefan Imhoff
2026-01-29 20:12:36 +01:00
committed by Stefan Imhoff
parent 76a7b16d7a
commit 3f3dea4c77
1 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/Tag.astro
View File

@@ -16,7 +16,7 @@ const { active, class: className, href, ...props } = Astro.props;
<Link <Link
href={href} href={href}
class:list={[ class:list={[
'border-3 relative inline-flex min-w-[50px] items-center justify-center rounded-25 border-2 border-shibui-350 bg-shibui-200 px-3 py-1 text-1 font-normal capitalize leading-none text-black mie-1 pbs-3 dark:border-shibui-750 dark:bg-shibui-950 dark:text-white print:hidden', 'border-3 relative inline-flex min-w-[40px] items-center justify-center rounded-4 bg-shibui-200 px-3 py-1 text-1 font-normal capitalize leading-none text-black mie-1 pbs-3 dark:border-1 dark:border-shibui-750 dark:bg-shibui-950 dark:text-white print:hidden',
{ {
'!bg-shibui-550 !text-white hover:!bg-shibui-650 focus:!bg-shibui-650 dark:!border-shibui-500 dark:!bg-shibui-700 dark:hover:!bg-shibui-600 dark:focus:!bg-shibui-600': '!bg-shibui-550 !text-white hover:!bg-shibui-650 focus:!bg-shibui-650 dark:!border-shibui-500 dark:!bg-shibui-700 dark:hover:!bg-shibui-600 dark:focus:!bg-shibui-600':
href, href,
@@ -31,7 +31,7 @@ const { active, class: className, href, ...props } = Astro.props;
) : ( ) : (
<span <span
class:list={[ class:list={[
'border-3 relative inline-flex min-w-[50px] items-center justify-center rounded-25 border-2 border-shibui-350 bg-shibui-200 px-3 py-1 text-1 font-normal capitalize leading-none text-black mie-1 pbs-3 dark:border-shibui-750 dark:bg-shibui-950 dark:text-white print:hidden', 'border-3 relative inline-flex min-w-[40px] items-center justify-center rounded-4 bg-shibui-200 px-3 py-1 text-1 font-normal capitalize leading-none text-black mie-1 pbs-3 dark:border-1 dark:border-shibui-750 dark:bg-shibui-950 dark:text-white print:hidden',
{ {
'!bg-shibui-550 !text-white hover:!bg-shibui-650 focus:!bg-shibui-650 dark:!border-shibui-500 dark:!bg-shibui-700 dark:hover:!bg-shibui-600 dark:focus:!bg-shibui-600': '!bg-shibui-550 !text-white hover:!bg-shibui-650 focus:!bg-shibui-650 dark:!border-shibui-500 dark:!bg-shibui-700 dark:hover:!bg-shibui-600 dark:focus:!bg-shibui-600':
href, href,