feat: Enhance MainScene with comparison product handling and update styles for layout components
This commit is contained in:
parent
a6cf6a9a6c
commit
fe12ab2f4a
|
@ -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" : "",
|
||||||
|
|
|
@ -28,6 +28,9 @@ section,
|
||||||
border: none;
|
border: none;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
.scene-container.half-view{
|
||||||
|
width: 50vw !important;
|
||||||
|
}
|
||||||
|
|
||||||
.tooltip {
|
.tooltip {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
|
|
|
@ -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);
|
||||||
|
|
Loading…
Reference in New Issue