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

feat: Introduce a new simulation dashboard editor with block and element components, dedicated styling, visualization state management, and an analyzer.

Browse Source
This commit is contained in:
Jerald-Golden-B
2025-12-20 09:43:28 +05:30
parent c072648397
commit 525bfb6541
6 changed files with 77 additions and 84 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -12,7 +12,7 @@
left: 0;
pointer-events: none;
*> {
* > {
pointer-events: auto;
}
@@ -256,8 +256,12 @@
width: 100%;
display: flex;
justify-content: space-between;
width: fit-content !important;
pointer-events: none;
}
pointer-events: auto;
.block-grid-container.editable {
pointer-events: all;
}
.panel {
@@ -272,7 +276,6 @@
box-shadow: 0px 4px 8px rgba(60, 60, 67, 0.1019607843);
z-index: 3;
display: flex;
flex-direction: column;
gap: 11px;
@@ -321,7 +324,6 @@
}
.design-section {
padding: 4px;
outline: 1px solid var(--border-color);
outline-offset: -1px;
@@ -356,7 +358,7 @@
}
.position-canvas {
background: #8D70AD33;
background: #8d70ad33;
height: 110px;
border-radius: 17px;
@@ -369,7 +371,7 @@
.canvas {
width: 60%;
height: 27px;
background: #E0DFFF80;
background: #e0dfff80;
// position: relative;
.value {
@@ -420,7 +422,6 @@
display: flex;
gap: 10px;
width: fit-content;
}
.icon {
@@ -511,11 +512,9 @@
.datas__label,
.datas__class {
flex: 1;
}
}
.type-switch {
display: flex;
padding: 6px 12px;
@@ -548,22 +547,16 @@
}
}
&.block-editor-panel {
// h4 {
// color: #4caf50;
// }
.design-section-wrapper {
display: flex;
flex-direction: column;
gap: 6px;
}
}
.data-details {
@@ -620,7 +613,8 @@
text-align: center;
}
.type-switch {}
.type-switch {
}
.fields-wrapper {
display: flex;
@@ -653,7 +647,6 @@
border-radius: 2px;
&.active {
background: var(--background-color-button);
}
}
@@ -673,11 +666,11 @@
cursor: pointer;
svg path {
stroke: #CCACFF !important;
stroke: #ccacff !important;
}
.label {
color: #CCACFF;
color: #ccacff;
}
}
}
@@ -698,7 +691,6 @@
right: 40px;
.appearance {
.design-datas-wrapper {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 16px 16px;
@@ -708,14 +700,13 @@
width: 80%;
text-wrap: nowrap;
}
}
}
}
.footer {
text-align: center;
color: #CCACFF;
color: #ccacff;
}
}
}
@@ -926,12 +917,6 @@
}
}
// DataDetailedDropdown
.data-detailed-dropdown {
display: flex;
@@ -973,7 +958,6 @@
}
.input-wrapper {
outline: 1px solid var(--input-border-color);
outline-offset: -1px;
border: none;
@@ -1011,7 +995,6 @@
gap: 8px;
.search {
outline: 1px solid var(--border-color);
outline-offset: -1px;
border-radius: 12px;
@@ -1063,11 +1046,11 @@
&.active {
span {
color: #CCACFF;
color: #ccacff;
}
}
}
}
}
}
}
}