feat(web/mazenet): glide transitions for service fleet + inspector panels

This commit is contained in:
2026-04-22 18:16:17 -04:00
parent e0231bf990
commit 1674316788
4 changed files with 52 additions and 33 deletions

View File

@@ -22,9 +22,10 @@ interface Props {
services: ServiceDef[];
archetypes: Archetype[];
startPaletteDrag: (d: Omit<PaletteDrag, 'clientX' | 'clientY'>, e: React.MouseEvent) => void;
className?: string;
}
const Palette: React.FC<Props> = ({ services, archetypes, startPaletteDrag }) => {
const Palette: React.FC<Props> = ({ services, archetypes, startPaletteDrag, className = '' }) => {
const start = (d: Omit<PaletteDrag, 'clientX' | 'clientY'>) =>
(e: React.MouseEvent) => {
if (e.button !== 0) return;
@@ -33,7 +34,7 @@ const Palette: React.FC<Props> = ({ services, archetypes, startPaletteDrag }) =>
};
return (
<div className="maze-palette">
<div className={`maze-palette ${className}`}>
<div className="palette-group">
<label> NETWORKS</label>
<div className="palette-item" onMouseDown={start({ kind: 'network-subnet', slug: 'subnet', label: 'SUBNET' })}>