mirror of
https://github.com/supermemoryai/supermemory.git
synced 2026-10-06 02:47:54 +00:00
Use neutral hover states for MCP cards
This commit is contained in:
parent
645a44067c
commit
a09b5b6166
5 changed files with 5 additions and 5 deletions
|
|
@ -27,7 +27,7 @@ export function WorkspaceCard({
|
|||
<Stack className="h-full" gap="sm">
|
||||
<Stack align="center" direction="row" gap="sm" justify="between">
|
||||
<span className="flex min-w-0 items-center gap-(--space-2)">
|
||||
<span className="grid size-7 shrink-0 place-items-center rounded-md bg-[#0D121A] ring-1 ring-[#161F2C] transition-colors group-hover:ring-[#3374FF]/40">
|
||||
<span className="grid size-7 shrink-0 place-items-center rounded-md bg-[#0D121A] ring-1 ring-[#161F2C] transition-colors group-hover:ring-[#3A4455]">
|
||||
{containerTag.emoji ? (
|
||||
<span aria-hidden className="text-base leading-none">
|
||||
{containerTag.emoji}
|
||||
|
|
|
|||
|
|
@ -27,7 +27,7 @@ const buttonVariants = cva(
|
|||
secondary: [
|
||||
"bg-[var(--bg-control)] text-[var(--text-primary)]",
|
||||
"border border-[var(--border-control)]",
|
||||
"hover:bg-[var(--bg-control-hover)] hover:border-[#3374FF]/50",
|
||||
"hover:bg-[var(--bg-control-hover)] hover:border-[#3A4455]",
|
||||
].join(" "),
|
||||
ghost: [
|
||||
"text-[var(--text-primary)]",
|
||||
|
|
|
|||
|
|
@ -17,7 +17,7 @@ const cardStyles = cva(
|
|||
variant: {
|
||||
default: "",
|
||||
interactive:
|
||||
"cursor-pointer hover:border-[#3374FF]/50 hover:bg-bg-control-hover focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent/20 focus-visible:ring-offset-2 focus-visible:ring-offset-bg-primary",
|
||||
"cursor-pointer hover:border-[#3A4455] hover:bg-bg-control-hover focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent/20 focus-visible:ring-offset-2 focus-visible:ring-offset-bg-primary",
|
||||
active:
|
||||
"cursor-pointer border-[#2261CA]/70 bg-[#00173C] shadow-[0_0_28px_rgba(75,160,250,0.18)]",
|
||||
},
|
||||
|
|
|
|||
|
|
@ -9,7 +9,7 @@ const chipStyles = cva(
|
|||
selected: {
|
||||
true: "bg-accent-muted border-accent text-accent",
|
||||
false:
|
||||
"bg-bg-elevated border-[#0D121A] text-text-secondary hover:border-[#3374FF]/50 hover:bg-bg-control-hover",
|
||||
"bg-bg-elevated border-[#0D121A] text-text-secondary hover:border-[#3A4455] hover:bg-bg-control-hover",
|
||||
},
|
||||
},
|
||||
defaultVariants: { selected: false },
|
||||
|
|
|
|||
|
|
@ -61,7 +61,7 @@ export function FileUpload({
|
|||
"bg-[var(--bg-control)] cursor-pointer shadow-sm transition-all",
|
||||
dragOver
|
||||
? "border-accent bg-accent-muted"
|
||||
: "border-[var(--border-control)] hover:border-[#3374FF]/50 hover:bg-[var(--bg-control-hover)]",
|
||||
: "border-[var(--border-control)] hover:border-[#3A4455] hover:bg-[var(--bg-control-hover)]",
|
||||
disabled && "pointer-events-none opacity-50",
|
||||
className,
|
||||
)}
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue