visible the hambuger in the full map view

BetaNYC · Feb 22, 2024 · 38b5b39 · 38b5b39
1 parent 5fd9a07
commit 38b5b39
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 4 deletions.
diff --git a/components/infoPage/infoBox/InfoBox.tsx b/components/infoPage/infoBox/InfoBox.tsx
@@ -50,11 +50,11 @@ const InfoBox = () => {
                     </div>
                 </div>
             </div>
-            <div className={`absolute top-7 left-4 lg:left-[calc(100%_-_4.5rem)] ${openStreetView ? "flex" : "hidden"} items-center justify-center w-10 h-10 bg-[rgba(255,255,255,.65)] z-30 shadow-2xl`} onClick={() => boxShown ? boxShownClickHandler(false) : boxShownClickHandler(true)}>
+            <div className={`absolute top-7 left-4 lg:left-[calc(100%_-_4.5rem)]  items-center justify-center w-10 h-10 bg-[rgba(255,255,255,.65)] z-30 shadow-2xl`} onClick={() => boxShown ? boxShownClickHandler(false) : boxShownClickHandler(true)}>
                 <Image width={18} height={12} src={boxShown ? "./icons/cross.svg" : "./icons/hamburger.svg"} alt='hamburger' className={` cursor-pointer`} />
             </div>
         </>
     )
 }
-
+// ${openStreetView ? "flex" : "hidden"}
 export default InfoBox
diff --git a/components/streetView/StreetInfo.tsx b/components/streetView/StreetInfo.tsx
@@ -14,7 +14,7 @@ const StreetInfo = ({ openStreetView }: Props) => {
   return (
     <>
       {
-        openStreetView && <div className={`absolute bottom-0 lg:left-8 lg:top-7 px-4 pt-[1.56rem] lg:pt-4 w-full lg:w-[17.56rem] ${expanded ? "h-[50%] lg:h-[calc(50%_-_3.5rem)]" : "h-[9.375rem] lg:h-[7.75rem]"}  bg-white rounded-[1rem] z-20 `}>
+        openStreetView && <div className={`absolute bottom-[-100%] lg:left-8 lg:top-7 px-4 pt-[1.56rem] lg:pt-4 w-full lg:w-[17.56rem] ${expanded ? "h-[100%] lg:h-[calc(100%_-_3.5rem)]" : "h-[9.375rem] lg:h-[7.75rem]"}  bg-white rounded-[1rem] z-20 `}>
           <div className='flex justify-between items-center w-full'>
             <h2 className='font-bold text-heading text-content_black'>Rivington St & Suffolk St</h2>
 

diff --git a/components/streetView/StreetView.tsx b/components/streetView/StreetView.tsx
@@ -101,9 +101,10 @@ const StreetView = () => {
                 <div className='absolute top-[calc(50%_-_2.5rem)] right-4 lg:right-8 opacity-75'>
                     <Order order='next' clickHandler={() => changeStreetViewClickHandler('next')} />
                 </div>
+                <StreetInfo openStreetView={openStreetView}/>
                 {/* <Image width={80} height={80} src="./icons/fullscreen.svg" alt="fullscreen" className='absolute right-4 bottom-0 opacity-75 cursor-pointer' /> */}
             </div>
-            <StreetInfo openStreetView={openStreetView}/>
+
         </>
     )
 }