feat(SW-344): Hotel list in mobile

2024-11-12 09:19:11 +01:00
parent 169751c5a6
commit b73421dbde
10 changed files with 146 additions and 47 deletions
--- a/components/Maps/InteractiveMap/HotelListingMapContent/index.tsx
+++ b/components/Maps/InteractiveMap/HotelListingMapContent/index.tsx
@@ -50,17 +50,18 @@ export default function HotelListingMapContent({
              )
            }
          >
-            <HotelCardDialog
-              isOpen={isActiveOrHovered}
-              handleClose={(event: { stopPropagation: () => void }) => {
-                event.stopPropagation()
-                if (activeHotelPin === pin.name) {
-                  toggleActiveHotelPin(null)
-                }
-              }}
-              pin={pin}
-            />
-
+            <div className={styles.dialogContainer}>
+              <HotelCardDialog
+                isOpen={isActiveOrHovered}
+                handleClose={(event: { stopPropagation: () => void }) => {
+                  event.stopPropagation()
+                  if (activeHotelPin === pin.name) {
+                    toggleActiveHotelPin(null)
+                  }
+                }}
+                data={pin}
+              />
+            </div>
            <span
              className={`${styles.pin} ${isActiveOrHovered ? styles.active : ""}`}
            >