🐛 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 validationStatus && validationStatus.valid
? "w-4 h-4 rounded-full bg-status-red opacity-100" ? "w-4 h-4 rounded-full bg-status-red opacity-100"
: "w-4 h-4 rounded-full bg-ring opacity-0 hidden animate-spin", : "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>
<div <div
@ -154,7 +154,7 @@ export default function GenericNode({
validationStatus && !validationStatus.valid validationStatus && !validationStatus.valid
? "w-4 h-4 rounded-full bg-status-red opacity-100" ? "w-4 h-4 rounded-full bg-status-red opacity-100"
: "w-4 h-4 rounded-full bg-ring opacity-0 hidden animate-spin", : "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>
<div <div
@ -162,7 +162,7 @@ export default function GenericNode({
!validationStatus || isBuilding !validationStatus || isBuilding
? "w-4 h-4 rounded-full bg-status-yellow opacity-100" ? "w-4 h-4 rounded-full bg-status-yellow opacity-100"
: "w-4 h-4 rounded-full bg-ring opacity-0 hidden animate-spin", : "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>
</div> </div>

View file

@ -14,7 +14,7 @@ const buttonVariants = cva(
outline: outline:
"border border-input hover:bg-accent hover:text-accent-foreground", "border border-input hover:bg-accent hover:text-accent-foreground",
primary: 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: secondary:
"border border-muted bg-muted text-secondary-foreground hover:bg-secondary/80", "border border-muted bg-muted text-secondary-foreground hover:bg-secondary/80",
ghost: "hover:bg-accent hover:text-accent-foreground", ghost: "hover:bg-accent hover:text-accent-foreground",