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

feat: Enhance MainScene with comparison product handling and update styles for layout components

This commit is contained in:
Vishnu 2025-06-13 18:15:35 +05:30
parent a6cf6a9a6c
commit fe12ab2f4a
3 changed files with 525 additions and 523 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
app/src/components/layout/scenes/MainScene.tsx
View File

@ -52,7 +52,7 @@ function MainScene() {
const { visualizationSocket } = useSocketStore(); const { visualizationSocket } = useSocketStore();
const { selectedZone } = useSelectedZoneStore(); const { selectedZone } = useSelectedZoneStore();
const { setFloatingWidget } = useFloatingWidget(); const { setFloatingWidget } = useFloatingWidget();
const { clearComparisonProduct } = useComparisonProduct(); const { comparisonProduct, clearComparisonProduct } = useComparisonProduct();
const { selectedFloorItem, setSelectedFloorItem } = useSelectedFloorItem(); const { selectedFloorItem, setSelectedFloorItem } = useSelectedFloorItem();
const { setName } = useAssetsStore(); const { setName } = useAssetsStore();
const { projectId } = useParams() const { projectId } = useParams()
@ -120,7 +120,9 @@ function MainScene() {
</> </>
)} )}
<div <div
className="scene-container" className={`scene-container${
comparisonProduct?.productUuid ? " half-view" : ""
}`}
id="work-space-three-d-canvas" id="work-space-three-d-canvas"
style={{ style={{
height: isPlaying || activeModule !== "visualization" ? "100vh" : "", height: isPlaying || activeModule !== "visualization" ? "100vh" : "",

3
app/src/styles/base/global.scss
View File

@ -28,6 +28,9 @@ section,
border: none; border: none;
} }
} }
.scene-container.half-view{
width: 50vw !important;
}
.tooltip { .tooltip {
position: absolute; position: absolute;

11
app/src/styles/layout/compareLayout.scss
View File

@ -55,7 +55,8 @@
cursor: ew-resize; cursor: ew-resize;
transition: transform 0.1s ease; transition: transform 0.1s ease;
z-index: 100; z-index: 100;
pointer-events: all; // pointer-events: all;
opacity: 0;
} }
.chooseLayout-container { .chooseLayout-container {
@ -70,7 +71,7 @@
.compare-layout-canvas-container { .compare-layout-canvas-container {
position: absolute; position: absolute;
height: 100vh; height: 100vh;
width: 100vw; width: 50vw;
top: 0; top: 0;
right: 0; right: 0;
} }
@ -165,9 +166,7 @@
width: 100%; width: 100%;
&:hover { &:hover {
background-color: var( background-color: var(--highlight-text-color) !important;
--highlight-text-color
) !important;
border-radius: 4px; border-radius: 4px;
.layout { .layout {
@ -431,8 +430,6 @@
position: relative; position: relative;
.energy-usage-wrapper { .energy-usage-wrapper {
.value { .value {
padding-top: 25px; padding-top: 25px;
font-size: var(--font-size-xxxlarge); font-size: var(--font-size-xxxlarge);