revise the flyto position

BetaNYC · Mar 23, 2024 · 77d4e78 · 77d4e78
1 parent ed1b5a7
commit 77d4e78
Show file tree

Hide file tree

Showing 4 changed files with 4 additions and 5 deletions.
diff --git a/components/infoPage/infoBox/InfoBox.tsx b/components/infoPage/infoBox/InfoBox.tsx
@@ -47,10 +47,10 @@ const InfoBox = () => {
             <div className={`absolute top-[36%] lg:top-0 w-full h-[64%] lg:h-full bg-white lg:bg-secondary_blue rounded-t-[1rem] lg:rounded-none z-30 overflow-y-auto ${boxShown ? "translate-y-0 duration-700" : "translate-y-full duration-700"}`}>
                 <div className=' px-5 lg:px-16 pt-8 lg:pt-[5rem] pb-8 w-full rounded-t-[1rem]'>
                     {/* <Image width={isDesktop ? 203 : 80} height={isDesktop ? 38.17 : 15.4} src="./logos/floodgen.svg" alt='floodgen' className='mb-2' /> */}
-                    {
+                    {/* {
                         isDesktop ? <img src="/logos/floodgen.svg" alt="" className='mb-2 w-[203px] h-[38.17px]' /> :
                         <img src="/logos/floodgen.svg" alt="" className='mb-4 w-[80px] h-[15.4px]' /> 
-                    }
+                    } */}
 
                     {/* <InfoTitle /> */}
                     <div className='lg:flex lg:mt-8'>

diff --git a/components/streetView/FloodingButton.tsx b/components/streetView/FloodingButton.tsx
@@ -21,7 +21,6 @@ const FloodingButton = ({ clicked, hovered, title, src, clickHandler, mouseEnter
             {/* <Image width={24} height={24} src={src} alt={title} className='' /> */}
             <img src={src} alt={title} className='w-6 h-6' />
             {isDesktop && <p className=''>{title}</p>}
-
         </div>
     )
 }

diff --git a/components/streetView/StreetView.tsx b/components/streetView/StreetView.tsx
@@ -163,7 +163,7 @@ const StreetView = () => {
             {
                 streetViewImgFullscreen && (
                     <div className='absolute top-0 left-0 flex justify-center items-center w-full h-full bg-black bg-opacity-70 z-30 '>
-                        <div className='relative  lg:w-[1347px] h-full lg:h-[616px]'>
+                        <div className='relative  md:w-[1347px] h-full md:h-[616px]'>
                             <img src={`https://raw.githubusercontent.com/BetaNYC/floodgen-images/main/flood_image_output/${urlID}_F${streetViewImgFloodHeight}_V${streetViewImgAngle}.png`} alt="" className='w-full h-full object-cover' />
                             <div className='absolute right-4 bottom-10 lg:top-10 flex justify-center items-center w-[2.5rem] h-[2.5rem] bg-[rgba(255,255,255,0.65)] rounded-full cursor-pointer shadow-2xl z-40' onClick={() => fullScreenStreetViewClickHandler("close")}>
                                 <ArrowsPointingInIcon className=' w-5 h-5 text-black opacity-75 cursor-pointer' />

diff --git a/hooks/useOnClickSites.tsx b/hooks/useOnClickSites.tsx
@@ -28,7 +28,7 @@ const useOnClickSites = () => {
           if (!prevOpenStreetView) {
             setTimeout(() => {
               map?.flyTo({
-                center: [e.lngLat.lng, e.lngLat.lat-0.02],
+                center: [e.lngLat.lng, e.lngLat.lat-0.08],
                 duration: 1500,
               });
             }, 1500);
-Original file line number
+Diff line change
@@ Expand Up @@
                 {/* <Image width={24} height={24} src={src} alt={title} className='' /> */}
                 <img src={src} alt={title} className='w-6 h-6' />
                 {isDesktop && <p className=''>{title}</p>}
             </div>
         )
     }
@@ Expand Down @@