inmake/irth-new-client
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

upd

Browse Source
This commit is contained in:
Lanskikh
2025-05-23 20:01:31 +05:00
parent 0341d28d2f
commit 549786b789
5 changed files with 57 additions and 59 deletions
Download Patch File Download Diff File Expand all files Collapse all files
.env
+1 -1
View File
@@ -1,2 +1,2 @@
VITE_API_URL=http://localhost:4002
VITE_API_URL=http://192.168.1.170:4002
# VITE_API_URL=http://194.26.138.94:4002
src/components/FloorSelect.tsx
+23 -24
View File
@@ -94,32 +94,31 @@ function FloorSelect({ complexName }: { complexName: string }) {
))}
</svg>
<Compass imgStyle={{ rotate: "180deg" }} />
<div className="absolute flex 2xl:gap-[0.556vw] justify-between gap-2 2xl:left-[2.222vw] 2xl:right-[2.222vw] 2xl:top-[2.222vw] max-w-full md:max-2xl:left-6 md:max-2xl:right-6 md:max-2xl:top-6 left-4 right-4 top-4">
<Button
variant="secondary"
className="!bg-white"
onClick={() => navigate(`/complex/${complexName}`)}
>
<span className="2xl:w-[1.389vw] 2xl:h-[1.389vw] w-5 h-5">
<ArrowLeftIcon />
</span>
<span className="max-md:hidden">Project view</span>
</Button>
<Button
variant="secondary"
size="small"
onClick={() => navigate(`/complex/${complexName}/about`)}
>
<span className="2xl:w-[1.389vw] 2xl:h-[1.389vw] w-5 h-5">
<InfoIcon />
</span>
<span className="max-md:hidden">About</span>
</Button>
</div>
<p className="absolute md:text-h4 text-h5 font-medium text-white -translate-x-1/2 select-none left-1/2 2xl:top-[2.5vw] md:max-2xl:top-[3.646vw] top-[7.5vw] drop-shadow">
<Button
variant="secondary"
className="!bg-white absolute 2xl:left-[2.222vw] 2xl:top-[2.222vw] md:max-2xl:left-6 md:max-2xl:top-6 left-4 top-4"
onClick={() => navigate(`/complex/${complexName}`)}
>
<span className="2xl:w-[1.389vw] 2xl:h-[1.389vw] w-5 h-5">
<ArrowLeftIcon />
</span>
<span className="max-md:hidden">Project view</span>
</Button>
<Button
variant="secondary"
size="small"
onClick={() => navigate(`/complex/${complexName}/about`)}
className="absolute 2xl:right-[2.222vw] 2xl:top-[2.222vw] md:max-2xl:right-6 md:max-2xl:top-6 right-4 top-4"
>
<span className="2xl:w-[1.389vw] 2xl:h-[1.389vw] w-5 h-5">
<InfoIcon />
</span>
<span className="max-md:hidden">About</span>
</Button>
<p className="absolute md:text-h4 text-h5 font-medium text-white -translate-x-1/2 select-none left-1/2 2xl:top-[2.5vw] md:max-2xl:top-[3.646vw] top-[7.5vw] drop-shadow pointer-events-none">
ROVE Home {markers.find((marker) => marker.name === complexName)?.title}
</p>
<div className="absolute 2xl:bottom-[2.222vw] 2xl:right-[2.222vw] 2xl:left-[2.222vw] max-w-full flex justify-end items-center 2xl:gap-[0.556vw] gap-2 md:max-2xl:bottom-6 md:max-2xl:left-6 md:max-2xl:right-6 bottom-4 left-4 right-4">
<div className="absolute 2xl:bottom-[2.222vw] 2xl:right-[2.222vw] max-w-full flex justify-end items-center 2xl:gap-[0.556vw] gap-2 md:max-2xl:bottom-6 md:max-2xl:right-6 bottom-4 right-4">
<DisclaimerButton />
<PrivacyPolicyButton />
<FullScreenButton
src/components/FullScreenButton.tsx
+9 -9
View File
@@ -1,8 +1,8 @@
import { Dispatch, SetStateAction, useEffect } from 'react';
import FullScreenIcon from './icons/FullScreenIcon';
import Button from './ui/Button';
import CloseFullscreenIcon from './icons/CloseFullscreenIcon';
import { isMobileSafari } from 'react-device-detect';
import { Dispatch, SetStateAction, useEffect } from "react";
import FullScreenIcon from "./icons/FullScreenIcon";
import Button from "./ui/Button";
import CloseFullscreenIcon from "./icons/CloseFullscreenIcon";
import { isMobileSafari } from "react-device-detect";
interface IFullScreenProps {
onFullScreenChange: Dispatch<SetStateAction<boolean>>;
@@ -17,12 +17,12 @@ function FullScreenButton({
}: IFullScreenProps) {
useEffect(() => {
onFullScreenChange(!!document.fullscreenElement);
document.addEventListener('fullscreenchange', () =>
document.addEventListener("fullscreenchange", () =>
onFullScreenChange(!!document.fullscreenElement)
);
return () =>
document.removeEventListener('fullscreenchange', () =>
document.removeEventListener("fullscreenchange", () =>
onFullScreenChange(!!document.fullscreenElement)
);
}, [onFullScreenChange]);
@@ -30,8 +30,8 @@ function FullScreenButton({
if (isMobileSafari) return null;
return (
<Button onlyIcon size='small' variant='secondary' onClick={handleClick}>
<span className='2xl:w-[1.389vw] 2xl:h-[1.389vw] w-5 h-5'>
<Button onlyIcon size="small" variant="secondary" onClick={handleClick}>
<span className="2xl:w-[1.111vw] 2xl:h-[1.111vw] w-4 h-4">
{isFullScreen ? <CloseFullscreenIcon /> : <FullScreenIcon />}
</span>
</Button>
src/components/SequenceSlider.tsx
+23 -24
View File
@@ -191,29 +191,28 @@ function SequenceSlider({ complexName }: SequenceSliderProps) {
)}
{imageLoaded === FRAME_COUNT && (
<>
<div className="absolute flex 2xl:gap-[0.556vw] justify-between gap-2 2xl:left-[2.222vw] 2xl:right-[2.222vw] 2xl:top-[2.222vw] max-w-full md:max-2xl:left-6 md:max-2xl:right-6 md:max-2xl:top-6 left-4 right-4 top-4">
<Button
variant="secondary"
className="!bg-white"
onClick={() => navigate("/")}
>
<span className="2xl:w-[1.389vw] 2xl:h-[1.389vw] w-5 h-5">
<ArrowLeftIcon />
</span>
<span className="max-md:hidden">Map</span>
</Button>
<Button
variant="secondary"
size="small"
onClick={() => navigate(`/complex/${complexName}/about`)}
>
<span className="2xl:w-[1.389vw] 2xl:h-[1.389vw] w-5 h-5">
<InfoIcon />
</span>
<span className="max-md:hidden">About</span>
</Button>
</div>
<p className="absolute md:text-h4 text-h5 font-medium text-white -translate-x-1/2 select-none left-1/2 2xl:top-[2.5vw] md:max-2xl:top-[3.646vw] top-[7.5vw] drop-shadow">
<Button
variant="secondary"
className="!bg-white absolute 2xl:left-[2.222vw] 2xl:top-[2.222vw] md:max-2xl:left-6 md:max-2xl:top-6 left-4 top-4"
onClick={() => navigate("/")}
>
<span className="2xl:w-[1.389vw] 2xl:h-[1.389vw] w-5 h-5">
<ArrowLeftIcon />
</span>
<span className="max-md:hidden">Map</span>
</Button>
<Button
variant="secondary"
size="small"
onClick={() => navigate(`/complex/${complexName}/about`)}
className="absolute 2xl:right-[2.222vw] 2xl:top-[2.222vw] md:max-2xl:right-6 md:max-2xl:top-6 right-4 top-4"
>
<span className="2xl:w-[1.389vw] 2xl:h-[1.389vw] w-5 h-5">
<InfoIcon />
</span>
<span className="max-md:hidden">About</span>
</Button>
<p className="absolute md:text-h4 text-h5 font-medium text-white -translate-x-1/2 select-none left-1/2 2xl:top-[2.5vw] md:max-2xl:top-[3.646vw] top-[7.5vw] drop-shadow pointer-events-none">
ROVE Home{" "}
{markers.find((marker) => marker.name === complexName)?.title}
</p>
@@ -248,7 +247,7 @@ function SequenceSlider({ complexName }: SequenceSliderProps) {
}deg)`,
}}
/>
<div className="absolute 2xl:bottom-[2.222vw] 2xl:right-[2.222vw] 2xl:left-[2.222vw] max-w-full flex justify-end items-center 2xl:gap-[0.556vw] gap-2 md:max-2xl:bottom-6 md:max-2xl:left-6 md:max-2xl:right-6 bottom-4 left-4 right-4">
<div className="absolute 2xl:bottom-[2.222vw] 2xl:right-[2.222vw] max-w-full flex justify-end items-center 2xl:gap-[0.556vw] gap-2 md:max-2xl:bottom-6 md:max-2xl:right-6 bottom-4 right-4">
<DisclaimerButton />
<PrivacyPolicyButton />
<FullScreenButton
src/components/ui/MultiRangeSlider.tsx
+1 -1
View File
@@ -70,7 +70,7 @@ function MultiRangeSlider({
function handleMouseUp() {
setCurrent(null);
onChange(value);
onChange(value.map(Math.ceil) as [number, number]);
}
useEffect(() => {