inmake/IRTH-2
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

upd

Browse Source
This commit is contained in:
inmake
2024-11-02 18:02:53 +05:00
parent 5d71eed75d
commit 7814db6868
6 changed files with 31 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files
client/src/components/complexPage/ComplexTopPanel.tsx
+10 -10
View File
@@ -2,26 +2,21 @@ import { useNavigate } from "react-router-dom";
import InfoIcon from "../icons/InfoIcon";
import Button3 from "../Button3";
import ArrowLeftIcon from "../icons/ArrowLeftIcon";
import { isMobile } from "react-device-detect";
const ComplexTopPanel = () => {
const navigate = useNavigate();
return (
<div className="absolute top-0 left-0 z-20 w-full p-3 mt-14">
<div className="flex sm:gap-2 max-sm:justify-between">
<div>
<div className="grid justify-between w-full grid-cols-3 sm:gap-2">
<div className="flex items-start gap-2">
<Button3
size="small"
icon={<ArrowLeftIcon />}
onlyIcon
onClick={() => navigate("/")}
onClick={() => (isMobile ? navigate("/") : navigate("/masterplan/1"))}
/>
</div>
<div className="font-semibold text-center text-white sm:hidden">
<p className="text-base">ROVE Home Marasi Drive</p>
<p className="text-xs">Select a wing</p>
</div>
<div>
<Button3
variant="secondary"
icon={<InfoIcon className="w-5 h-5" />}
@@ -30,9 +25,14 @@ const ComplexTopPanel = () => {
>
About Projects
</Button3>
</div>
<div className="font-semibold text-center text-white drop-shadow">
<p className="text-base lg:text-xl">ROVE Home Marasi Drive</p>
</div>
<div className="flex items-start justify-end">
<Button3
variant="secondary"
icon={<InfoIcon />}
icon={<InfoIcon className="w-5 h-5" />}
onlyIcon
className="sm:hidden"
onClick={() => navigate("/about-projects")}
client/src/components/multiRangeSlider.css
+1 -1
View File
@@ -75,7 +75,7 @@
}
.range-slider input[type="range"] {
-webkit-appearance: none;
appearance: none;
pointer-events: none;
position: absolute;
z-index: 2;
client/src/pages/ComplexWingPage.tsx
+14 -10
View File
@@ -66,7 +66,7 @@ function ComplexWingPage() {
if (path["data-name"].includes("floor")) {
const wing = path["data-name"].split(" ")[0].toLowerCase() as "east" | "west";
const floor = path["data-name"].split(" ")[1];
setSidebarComponent({
element: <FloorPlan wing={wing} floor={floor} />,
name: "Floor",
@@ -122,20 +122,14 @@ function ComplexWingPage() {
<div className="absolute top-0 left-0 z-10 w-full">
<div className="p-3 mt-14">
<div className="flex sm:gap-2 max-sm:justify-between">
<div className="">
<div className="grid justify-between w-full grid-cols-3 sm:gap-2">
<div className="flex items-start gap-2">
<Button3
size="small"
icon={<ArrowLeftIcon />}
onlyIcon
onClick={() => (isMobile ? navigate("/") : navigate("/masterplan/1"))}
/>
</div>
<div className="font-semibold text-center text-white sm:hidden">
<p className="text-base">ROVE Home Marasi Drive</p>
<p className="text-xs">Select a wing</p>
</div>
<div className="">
<Button3
variant="secondary"
icon={<InfoIcon className="w-5 h-5" />}
@@ -144,9 +138,19 @@ function ComplexWingPage() {
>
About Projects
</Button3>
</div>
<div
className={`font-semibold text-center text-white drop-shadow transition-opacity ${
sidebarComponent ? "opacity-0" : "opacity-100"
}`}
>
<p className="text-base lg:text-xl">ROVE Home Marasi Drive</p>
<p className="text-xs">Select a {isMobile ? "wing" : "floor"}</p>
</div>
<div className="flex items-start justify-end">
<Button3
variant="secondary"
icon={<InfoIcon />}
icon={<InfoIcon className="w-5 h-5" />}
onlyIcon
className="sm:hidden"
onClick={() => navigate("/about-projects")}
client/src/pages/FloorSelectionMobilePage.tsx
+1 -1
View File
@@ -254,7 +254,7 @@ function FloorSelectionMobilePage({ wing, onUnselectWing, onSelectPath }: Props)
<div className="w-full p-4 space-y-4 bg-white rounded-lg">
<div className="relative flex items-start justify-between pb-4 border-b border-[#E2E2DC]">
<div>
<p className="font-semibold text-[#0D1922]">{selectedPathName?.split(" ")[1]} floor</p>
<p className="font-semibold text-[#0D1922]">{selectedPathName?.replace(/west|east/gi, "")}</p>
<div className="">
<p className="text-[#0D1922]/70 text-xs font-semibold capitalize">{wing} Wing</p>
{/* <div className="w-1 h-1 bg-[#E2E2DC] rounded-full"></div> */}
client/src/pages/SearchPage.tsx
+2
View File
@@ -18,6 +18,8 @@ import { isMobile } from "react-device-detect";
import CloseIcon from "../components/icons/CloseIcon";
import FiltersIcon from "../components/icons/FiltersIcon";
import Button3 from "../components/Button3";
// import "react-range-slider-input/dist/style.css";
import "../components/multiRangeSlider.css";
function SearchPage() {
const [units, setUnits] = useState<IUnit[]>([]);
client/yarn.lock
+3 -3
View File
@@ -1191,9 +1191,9 @@ convert-source-map@^2.0.0:
integrity sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg==
core-js@^3.22.4:
version "3.37.1"
resolved "https://registry.yarnpkg.com/core-js/-/core-js-3.37.1.tgz#d21751ddb756518ac5a00e4d66499df981a62db9"
integrity sha512-Xn6qmxrQZyB0FFY8E3bgRXei3lWDJHhvI+u0q9TKIYM49G8pAr0FgnnrFRAmsbptZL1yxRADVXn+x5AGsbBfyw==
version "3.38.1"
resolved "https://registry.yarnpkg.com/core-js/-/core-js-3.38.1.tgz#aa375b79a286a670388a1a363363d53677c0383e"
integrity sha512-OP35aUorbU3Zvlx7pjsFdu1rGNnD4pgw/CWoYzRY3t2EzoVT7shKHY1dlAy3f41cGIO7ZDPQimhGFTlEYkG/Hw==
cross-env@^7.0.3:
version "7.0.3"