d99e67a60e
Interactive infrastructure map (panel -> cluster -> node -> guest) rendered with React Flow, backed by a single aggregated /api/network/topology endpoint instead of fanning out over servers/nodes/SDN/VMs. Adds a netN NIC parser for QEMU/LXC guest configs, status/threshold filters, canvas tools, and PNG/SVG export.
21 lines
856 B
TypeScript
21 lines
856 B
TypeScript
import { Slider as SliderPrimitive } from "@base-ui/react/slider"
|
|
|
|
import { cn } from "@/lib/utils"
|
|
|
|
function Slider({ className, ...props }: SliderPrimitive.Root.Props) {
|
|
return (
|
|
<SliderPrimitive.Root data-slot="slider" {...props}>
|
|
<SliderPrimitive.Control
|
|
className={cn("flex w-full touch-none items-center py-2 select-none", className)}
|
|
>
|
|
<SliderPrimitive.Track className="h-1 w-full rounded-full bg-input select-none">
|
|
<SliderPrimitive.Indicator className="rounded-full bg-primary select-none" />
|
|
<SliderPrimitive.Thumb className="size-3.5 rounded-full bg-background border-2 border-primary shadow-xs outline-none select-none focus-visible:ring-3 focus-visible:ring-ring/50" />
|
|
</SliderPrimitive.Track>
|
|
</SliderPrimitive.Control>
|
|
</SliderPrimitive.Root>
|
|
)
|
|
}
|
|
|
|
export { Slider }
|