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

Add SelectFloorPlan component to Project page and style updates for better layout

This commit is contained in:
Vishnu 2025-05-13 18:21:22 +05:30
parent e8b637dddf
commit 42f424c9b0
2 changed files with 30 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
app/src/pages/Project.tsx
View File

@ -31,6 +31,7 @@ import { useLogger } from "../components/ui/log/LoggerContext";
import RenderOverlay from "../components/templates/Overlay"; import RenderOverlay from "../components/templates/Overlay";
import LogList from "../components/ui/log/LogList"; import LogList from "../components/ui/log/LogList";
import Footer from "../components/footer/Footer"; import Footer from "../components/footer/Footer";
import SelectFloorPlan from "../components/temporary/SelectFloorPlan";
const Project: React.FC = () => { const Project: React.FC = () => {
let navigate = useNavigate(); let navigate = useNavigate();
@ -96,6 +97,7 @@ const Project: React.FC = () => {
)} )}
<RealTimeVisulization /> <RealTimeVisulization />
{activeModule === "market" && <MarketPlace />} {activeModule === "market" && <MarketPlace />}
{activeModule === "builder" && !toggleThreeD && <SelectFloorPlan />}
{activeModule !== "market" && <Tools />} {activeModule !== "market" && <Tools />}
{isPlaying && activeModule === "simulation" && <SimulationPlayer />} {isPlaying && activeModule === "simulation" && <SimulationPlayer />}
</> </>

35
app/src/styles/scene/scene.scss
View File

@ -19,7 +19,7 @@
border-radius: #{$border-radius-medium}; border-radius: #{$border-radius-medium};
box-shadow: var(--box-shadow-light); box-shadow: var(--box-shadow-light);
} }
.area{ .area {
background: #008cff; background: #008cff;
} }
} }
@ -28,12 +28,33 @@
pointer-events: none; pointer-events: none;
} }
// temp // temp
.select-floorplane-wrapper{ .select-floorplane-wrapper {
.presets-container{ position: absolute;
.preset{ @include flex-center;
gap: 12px;
top: 0;
left: 50%;
padding: 8px;
padding-left: 14px;
background: var(--background-color);
backdrop-filter: blur(12px);
border-radius: #{$border-radius-large};
outline: 1px solid var(--border-color);
transform: translate(-50%, 12px);
z-index: 100;
.presets-container {
@include flex-center;
gap: 4px;
.preset {
background: var(--background-color);
padding: 2px 8px;
border-radius: #{$border-radius-large};
outline: 1px solid var(--border-color);
}
.active{
background: var(--background-color-accent);
color: var(--text-button-color);
} }
} }
} }