url/homelable
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

rebase with new main branch

Browse Source
This commit is contained in:
findthelorax
2026-04-23 21:15:17 -04:00
committed by Pouzor
parent b16e81cf29
commit c165b8b016
1 changed files with 6 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/components/modals/NodeModal.tsx
+6 -6
View File
@@ -111,7 +111,7 @@ export function NodeModal({ open, onClose, onSubmit, initial, title = 'Add Node'
<SelectContent className="bg-[#21262d] border-[#30363d]"> <SelectContent className="bg-[#21262d] border-[#30363d]">
{NODE_TYPE_GROUPS.map((group, i) => ( {NODE_TYPE_GROUPS.map((group, i) => (
<Fragment key={group.label}> <Fragment key={group.label}>
{i > 0 && <SelectSeparator key={`sep-${group.label}`} className="bg-[#30363d]" />} {i > 0 && <SelectSeparator className="bg-[#30363d]" />}
<SelectGroup> <SelectGroup>
<SelectLabel className="text-[10px] font-semibold uppercase tracking-wider text-muted-foreground/50 px-2 py-1"> <SelectLabel className="text-[10px] font-semibold uppercase tracking-wider text-muted-foreground/50 px-2 py-1">
{group.label} {group.label}
@@ -320,9 +320,9 @@ export function NodeModal({ open, onClose, onSubmit, initial, title = 'Add Node'
style={{ background: form.container_mode ? '#ff6e00' : '#30363d' }} style={{ background: form.container_mode ? '#ff6e00' : '#30363d' }}
> >
<span <span
className="pointer-events-none block h-4 w-4 rounded-full bg-white shadow-sm transition-transform" className="pointer-events-none absolute top-0.5 left-0.5 h-4 w-4 rounded-full bg-white shadow-sm transition-transform duration-200 ease-in-out"
style={{ style={{
transform: form.container_mode ? 'translateX(16px)' : 'translateX(0)', transform: form.container_mode ? 'translateX(16px)' : 'translateX(0)'
}} }}
/> />
</button> </button>
@@ -331,7 +331,7 @@ export function NodeModal({ open, onClose, onSubmit, initial, title = 'Add Node'
{/* Service visibility */} {/* Service visibility */}
{form.type !== 'groupRect' && form.type !== 'group' && ( {form.type !== 'groupRect' && form.type !== 'group' && (
<div className="flex items-center justify-between col-span-2 py-1"> <div className="flex items-start justify-between col-span-2 py-1">
<div className="flex flex-col gap-0.5"> <div className="flex flex-col gap-0.5">
<Label className="text-xs text-muted-foreground">Show Services</Label> <Label className="text-xs text-muted-foreground">Show Services</Label>
<span className="text-[10px] text-muted-foreground/60">Display discovered services on the node card</span> <span className="text-[10px] text-muted-foreground/60">Display discovered services on the node card</span>
@@ -345,11 +345,11 @@ export function NodeModal({ open, onClose, onSubmit, initial, title = 'Add Node'
...form.custom_colors, ...form.custom_colors,
show_services: !showServicesEnabled, show_services: !showServicesEnabled,
})} })}
className="relative inline-flex h-5 w-9 shrink-0 cursor-pointer items-center rounded-full p-0.5 transition-colors focus:outline-none" className="relative inline-flex h-5 w-9 mt-1 shrink-0 cursor-pointer rounded-full transition-colors focus:outline-none"
style={{ background: showServicesEnabled ? resolvedNodeColors.icon : '#30363d' }} style={{ background: showServicesEnabled ? resolvedNodeColors.icon : '#30363d' }}
> >
<span <span
className="pointer-events-none block h-4 w-4 rounded-full bg-white shadow-sm transition-transform" className="pointer-events-none absolute top-0.5 left-0.5 h-4 w-4 rounded-full bg-white shadow-sm transition-transform duration-200 ease-in-out"
style={{ transform: showServicesEnabled ? 'translateX(16px)' : 'translateX(0)' }} style={{ transform: showServicesEnabled ? 'translateX(16px)' : 'translateX(0)' }}
/> />
</button> </button>