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

feat: add element and block design editor with styling, positioning, and data binding controls for simulation dashboard

Browse Source
This commit is contained in:
Vishnu
2025-12-20 16:38:26 +05:30
parent 75912355c7
commit cf13400463
5 changed files with 223 additions and 149 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -161,10 +161,10 @@
padding: 8px;
user-select: none;
border: 1px solid transparent;
outline: 1px solid transparent;
&.edit-mode {
transition: all 0.2s;
outline: 1px solid transparent;
&:hover {
outline-color: var(--border-color);
@@ -279,7 +279,7 @@
gap: 11px;
min-width: 280px;
height: fit-content;
min-width: 320px;
max-width: 320px;
min-height: 60vh;
padding: 12px;
@@ -454,41 +454,6 @@
padding: 0;
}
.data-picker {
display: flex;
justify-content: space-between;
align-items: center;
.label {
width: 50%;
white-space: nowrap;
}
input[type="color"] {
width: 42px;
padding: 0;
background: transparent;
outline: none;
}
.left {
width: 100%;
display: flex;
align-items: center;
gap: 6px;
.colorValue {
width: 100%;
background: linear-gradient(90.85deg,
rgba(240, 228, 255, 0.3) 3.6%,
rgba(211, 174, 253, 0.3) 96.04%);
text-align: center;
padding: 4px 0;
border-radius: 100px;
}
}
}
.design-section-footer {
display: flex;
flex-direction: column;