dtoro/zui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: border style

Browse Source
This commit is contained in:
authentik Default Admin
2026-03-10 22:51:49 +01:00
parent bfc8c560b2
commit dd1de7cb1e
2 changed files with 5 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/src/components/base/BaseNode.tsx
View File

@@ -51,7 +51,7 @@ export function BaseNode({
className={cn( className={cn(
"bg-card text-card-foreground relative rounded-md border transition-[border-color,box-shadow] duration-200", "bg-card text-card-foreground relative rounded-md border transition-[border-color,box-shadow] duration-200",
"hover:ring-1", "hover:ring-1",
selected && "border-primary/70 shadow-[0_0_0_2px_hsl(var(--primary)_/_0.22)]", selected && "border-primary/50 shadow-[0_0_0_2px_hsl(var(--primary)_/_0.15)] dark:border-primary/35 dark:shadow-[0_0_0_2px_hsl(var(--primary)_/_0.1)]",
className, className,
)} )}
data-selected={selected} data-selected={selected}

7
frontend/src/styles.css
View File

@@ -32,12 +32,13 @@ body {
} }
.react-flow__node:focus-visible>div:first-child { .react-flow__node:focus-visible>div:first-child {
border-color: hsl(var(--primary) / 0.7); border-color: hsl(var(--primary) / 0.5);
box-shadow: 0 0 0 2px hsl(var(--primary) / 0.22); box-shadow: 0 0 0 2px hsl(var(--primary) / 0.15);
} }
.dark .react-flow__node:focus-visible>div:first-child { .dark .react-flow__node:focus-visible>div:first-child {
box-shadow: 0 0 0 2px hsl(var(--primary) / 0.28); border-color: hsl(var(--primary) / 0.35);
box-shadow: 0 0 0 2px hsl(var(--primary) / 0.1);
} }
.react-flow__node .react-flow__handle { .react-flow__node .react-flow__handle {