diff --git a/packages/skins/src/default/css/components/buttons.css b/packages/skins/src/default/css/components/buttons.css index ea79fc64..a55e8d07 100644 --- a/packages/skins/src/default/css/components/buttons.css +++ b/packages/skins/src/default/css/components/buttons.css @@ -18,6 +18,7 @@ transition-timing-function: ease-out; cursor: pointer; user-select: none; + text-align: center; touch-action: manipulation; &:focus-visible { @@ -45,7 +46,7 @@ background: oklch(1 0 0); color: oklch(0 0 0); font-weight: 500; - text-align: center; + text-shadow: none; } /* Subtle button variant */ diff --git a/packages/skins/src/default/tailwind/components/button.ts b/packages/skins/src/default/tailwind/components/button.ts index 182f4896..5dfc07f2 100644 --- a/packages/skins/src/default/tailwind/components/button.ts +++ b/packages/skins/src/default/tailwind/components/button.ts @@ -11,7 +11,7 @@ export const button = { 'focus-visible:outline-current focus-visible:outline-offset-2', 'data-[availability=unavailable]:hidden' ), - primary: 'bg-white text-black font-medium text-center', + primary: 'bg-white text-black font-medium text-shadow-none', subtle: cn( 'bg-transparent text-inherit text-shadow-inherit', 'hover:bg-current/10 hover:no-underline', diff --git a/packages/skins/src/minimal/css/components/buttons.css b/packages/skins/src/minimal/css/components/buttons.css index 50f3704e..9c33a293 100644 --- a/packages/skins/src/minimal/css/components/buttons.css +++ b/packages/skins/src/minimal/css/components/buttons.css @@ -32,6 +32,7 @@ transition-timing-function: ease-out; cursor: pointer; user-select: none; + text-align: center; touch-action: manipulation; &:focus-visible { @@ -68,7 +69,7 @@ background: oklch(1 0 0); color: oklch(0 0 0); font-weight: 500; - text-align: center; + text-shadow: none; } /* Subtle button variant */ diff --git a/packages/skins/src/minimal/tailwind/components/button.ts b/packages/skins/src/minimal/tailwind/components/button.ts index 2e6d2bca..3c6c4c3e 100644 --- a/packages/skins/src/minimal/tailwind/components/button.ts +++ b/packages/skins/src/minimal/tailwind/components/button.ts @@ -13,7 +13,7 @@ export const button = { 'supports-[corner-shape:squircle]:[corner-shape:squircle]', 'data-[availability=unavailable]:hidden' ), - primary: 'bg-white text-black font-medium text-center', + primary: 'bg-white text-black font-medium text-shadow-none', subtle: cn( 'bg-transparent text-inherit text-shadow-inherit', 'hover:bg-current/10',