diff --git a/artifacts/toolrate/src/components/mini-bars.tsx b/artifacts/toolrate/src/components/mini-bars.tsx index b5efa12..699d37e 100644 --- a/artifacts/toolrate/src/components/mini-bars.tsx +++ b/artifacts/toolrate/src/components/mini-bars.tsx @@ -38,9 +38,9 @@ export function MiniBars({ {label} -
+
@@ -67,17 +67,17 @@ export function MiniBarStack({ const a = num(usability); return (
diff --git a/artifacts/toolrate/src/components/ui/button.tsx b/artifacts/toolrate/src/components/ui/button.tsx index fc34b83..b027c53 100644 --- a/artifacts/toolrate/src/components/ui/button.tsx +++ b/artifacts/toolrate/src/components/ui/button.tsx @@ -12,9 +12,9 @@ const buttonVariants = cva( variant: { default: // @replit: no hover, and add primary border - "bg-primary text-primary-foreground border border-primary-border hover:neon-glow-primary focus-visible:neon-glow-primary transition-shadow", + "bg-primary text-primary-foreground border border-primary-border neon-glow-primary hover:brightness-105 focus-visible:brightness-105 transition-[box-shadow,filter]", destructive: - "bg-destructive text-destructive-foreground shadow-sm border-destructive-border", + "bg-destructive text-destructive-foreground shadow-sm border-destructive-border shadow-[0_0_12px_-2px_hsl(var(--destructive)/0.5)] hover:brightness-105 transition-[box-shadow,filter]", outline: // @replit Shows the background color of whatever card / sidebar / accent background it is inside of. // Inherits the current text color. Uses shadow-xs. no shadow on active diff --git a/artifacts/toolrate/src/components/ui/input.tsx b/artifacts/toolrate/src/components/ui/input.tsx index 08d3e72..1b7b5ad 100644 --- a/artifacts/toolrate/src/components/ui/input.tsx +++ b/artifacts/toolrate/src/components/ui/input.tsx @@ -8,7 +8,7 @@ const Input = React.forwardRef>( diff --git a/artifacts/toolrate/src/components/ui/sidebar.tsx b/artifacts/toolrate/src/components/ui/sidebar.tsx index 1bd0a82..989fa2a 100644 --- a/artifacts/toolrate/src/components/ui/sidebar.tsx +++ b/artifacts/toolrate/src/components/ui/sidebar.tsx @@ -487,7 +487,7 @@ function SidebarMenuItem({ className, ...props }: React.ComponentProps<"li">) { } const sidebarMenuButtonVariants = cva( - "peer/menu-button flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left text-sm outline-hidden ring-sidebar-ring transition-[width,height,padding] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-data-[sidebar=menu-action]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:bg-sidebar-accent data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:w-8! group-data-[collapsible=icon]:h-8! group-data-[collapsible=icon]:p-2! [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0", + "peer/menu-button flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left text-sm outline-hidden ring-sidebar-ring transition-[width,height,padding] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-data-[sidebar=menu-action]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:bg-sidebar-accent data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[active=true]:neon-glow-primary data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:w-8! group-data-[collapsible=icon]:h-8! group-data-[collapsible=icon]:p-2! [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0", { variants: { variant: { @@ -530,7 +530,7 @@ function SidebarMenuButton({ data-sidebar="menu-button" data-size={size} data-active={isActive} - className={cn(sidebarMenuButtonVariants({ variant, size }), className)} + className={cn("neon-sidebar-active", sidebarMenuButtonVariants({ variant, size }), className)} {...props} /> ) diff --git a/artifacts/toolrate/src/components/ui/textarea.tsx b/artifacts/toolrate/src/components/ui/textarea.tsx index 97c16c2..e02bd78 100644 --- a/artifacts/toolrate/src/components/ui/textarea.tsx +++ b/artifacts/toolrate/src/components/ui/textarea.tsx @@ -9,7 +9,7 @@ const Textarea = React.forwardRef< return (