mirror of
https://github.com/zoriya/v10.git
synced 2026-08-05 05:37:21 +00:00
fix(skin): fix button text alignment and text shadow (#1091)
This commit is contained in:
@@ -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 */
|
||||
|
||||
@@ -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',
|
||||
|
||||
@@ -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 */
|
||||
|
||||
@@ -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',
|
||||
|
||||
Reference in New Issue
Block a user