🐛 fix(GenericNode/index.tsx): remove unnecessary whitespace in hover class to fix styling issue

🐛 fix(button.tsx): add dark mode styling for primary button variant to ensure consistent styling in both light and dark mode
This commit is contained in:
Cristhian Zanforlin Lousa 2023-06-30 14:34:22 -03:00
commit 9db91f6099
2 changed files with 4 additions and 4 deletions

View file

@ -146,7 +146,7 @@ export default function GenericNode({
validationStatus && validationStatus.valid
? "w-4 h-4 rounded-full bg-status-red opacity-100"
: "w-4 h-4 rounded-full bg-ring opacity-0 hidden animate-spin",
"absolute w-4 hover:text-ring hover: transition-all ease-in-out duration-200"
"absolute w-4 hover:text-ring hover:transition-all ease-in-out duration-200"
)}
></div>
<div
@ -154,7 +154,7 @@ export default function GenericNode({
validationStatus && !validationStatus.valid
? "w-4 h-4 rounded-full bg-status-red opacity-100"
: "w-4 h-4 rounded-full bg-ring opacity-0 hidden animate-spin",
"absolute w-4 hover:text-ring hover: transition-all ease-in-out duration-200"
"absolute w-4 hover:text-ring hover:transition-all ease-in-out duration-200"
)}
></div>
<div
@ -162,7 +162,7 @@ export default function GenericNode({
!validationStatus || isBuilding
? "w-4 h-4 rounded-full bg-status-yellow opacity-100"
: "w-4 h-4 rounded-full bg-ring opacity-0 hidden animate-spin",
"absolute w-4 hover:text-ring transition-all ease-in-out duration-200"
"absolute w-4 hover:text-ring hover:transition-all ease-in-out duration-200"
)}
></div>
</div>

View file

@ -14,7 +14,7 @@ const buttonVariants = cva(
outline:
"border border-input hover:bg-accent hover:text-accent-foreground",
primary:
"border bg-background text-secondary-foreground hover:bg-background/80 hover:shadow-sm",
"border bg-background text-secondary-foreground hover:bg-background/80 dark:hover:bg-background/10 hover:shadow-sm",
secondary:
"border border-muted bg-muted text-secondary-foreground hover:bg-secondary/80",
ghost: "hover:bg-accent hover:text-accent-foreground",