Add highlighting to draggable elements

Signed-off-by: Alex <[email protected]>
opencaesar · May 30, 2024 · 78e399d · 78e399d
1 parent c0de6a7
commit 78e399d
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/view/src/components/Diagram/InsertPanel.tsx b/view/src/components/Diagram/InsertPanel.tsx
@@ -39,7 +39,7 @@ export const InstanceInsertItem: React.FC<InstanceInsertItemProps> = ({ label, s
   }, []);
 
   return (
-    <div className="flex flex-row items-center">
+    <div className="flex flex-row items-center hover:brightness-200">
       <div className="relative left-[1px] z-10 h-2 w-2 border-[1px] rounded-full bg-black border-white "></div>
       <div
         className={`flex flex-none justify-center items-center rounded h-11 w-24 z-0 ${style ?? defaultNodeStyle}`}
@@ -67,7 +67,7 @@ export const RelationInsertItem: React.FC<RelationInsertItemProps> = ({ label, i
   return (
     <div className="flex flex-col items-start w-full pl-4">
       <div
-        className="flex flex-row justify-between bg-clip-text w-24"
+        className="flex flex-row justify-between bg-clip-text w-24 hover:backdrop-brightness-100"
         ref={ref}
       >
         <span className="text-center text-nowrap text-white text-[12px]">