Tweak primary button styles
This commit is contained in:
parent
861aa101d0
commit
f539fb08a8
@ -66,6 +66,9 @@ export default function ImageInput({
|
|||||||
htmlFor={id}
|
htmlFor={id}
|
||||||
className={clsx(
|
className={clsx(
|
||||||
'shrink-0 select-none text-main',
|
'shrink-0 select-none text-main',
|
||||||
|
// Undo standard label styles since
|
||||||
|
// content is shown as button
|
||||||
|
'font-normal tracking-normal',
|
||||||
disabled && 'pointer-events-none cursor-not-allowed',
|
disabled && 'pointer-events-none cursor-not-allowed',
|
||||||
)}
|
)}
|
||||||
>
|
>
|
||||||
|
|||||||
@ -61,7 +61,6 @@ export default function LoaderButton({
|
|||||||
}
|
}
|
||||||
}}
|
}}
|
||||||
className={clsx(
|
className={clsx(
|
||||||
'font-mono',
|
|
||||||
...(styleAs !== 'button'
|
...(styleAs !== 'button'
|
||||||
? [
|
? [
|
||||||
'link h-4 active:text-medium',
|
'link h-4 active:text-medium',
|
||||||
|
|||||||
@ -315,10 +315,9 @@ html {
|
|||||||
}
|
}
|
||||||
button.primary, .button.primary {
|
button.primary, .button.primary {
|
||||||
@apply
|
@apply
|
||||||
text-invert
|
text-white dark:text-black
|
||||||
bg-gray-900 dark:bg-gray-100
|
bg-gray-900 dark:bg-gray-100
|
||||||
disabled:text-dim
|
disabled:text-dim
|
||||||
font-medium
|
|
||||||
disabled:bg-gray-100 dark:disabled:bg-gray-900
|
disabled:bg-gray-100 dark:disabled:bg-gray-900
|
||||||
disabled:border-gray-200 disabled:dark:border-gray-700
|
disabled:border-gray-200 disabled:dark:border-gray-700
|
||||||
border-gray-900 dark:border-gray-100
|
border-gray-900 dark:border-gray-100
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user