Dwinzo-Beta/Dwinzo_Demo
4
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat: introduce BlockComponent and comprehensive styling for interactive simulation dashboard blocks

Browse Source
This commit is contained in:
Vishnu
2025-12-20 15:08:56 +05:30
parent da539a92d0
commit f8a17dab84
2 changed files with 0 additions and 47 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
app/src/components/SimulationDashboard/components/block/BlockComponent.tsx
View File

@@ -111,32 +111,6 @@ const BlockComponent: React.FC<BlockComponentProps> = ({
<ResizeIcon />
</div>
)}
{/* Drag handle indicator for absolute/fixed blocks */}
{isDraggable && editMode && (
<div
className="drag-handle"
style={{
position: "absolute",
top: "5px",
left: "5px",
width: "20px",
height: "20px",
backgroundColor: "rgba(33, 150, 243, 0.8)",
borderRadius: "4px",
cursor: "move",
display: "flex",
alignItems: "center",
justifyContent: "center",
color: "white",
fontSize: "12px",
zIndex: 10,
}}
title="Drag to move"
>
⤣
</div>
)}
</div>
);
};

21
app/src/styles/components/simulationDashboard/_simulationDashBoard.scss
View File

@@ -96,27 +96,6 @@
&.draggable {
cursor: move;
&:hover .drag-handle {
background-color: rgba(33, 150, 243, 1);
}
.drag-handle {
position: absolute;
top: 5px;
left: 5px;
width: 20px;
height: 20px;
background-color: rgba(33, 150, 243, 0.8);
border-radius: 4px;
cursor: move;
display: flex;
align-items: center;
justify-content: center;
color: white;
font-size: 12px;
z-index: 10;
}
}
.element-button-container {