fix: sửa lỗi các nút bị che dưới thanh địa chỉ của chrome, hỗ trợ iphone upload ảnh heic

2026-06-20 07:05:25 +07:00
parent 36e8658dad
commit def0e0d0f9
19 changed files with 116 additions and 37 deletions
@@ -251,9 +251,9 @@ export const ExploreMap = ({ onBack, onLogout, user, onViewTour, onOpenMyPhotos,
  }, []);

  return (
-    <div className="h-screen w-full relative">
+    <div className="h-dvh w-full relative overflow-hidden">
      {/* Top Bar Container - Chứa tất cả các nút điều hướng phía trên */}
-      <div className="absolute top-4 left-4 right-4 z-[1002] flex items-center justify-between pointer-events-none">
+      <div className="absolute top-[calc(1rem+env(safe-area-inset-top,0px))] left-4 right-4 z-[1002] flex items-center justify-between pointer-events-none">
        {/* Nhóm bên trái: Quay lại và Thông tin vị trí */}
        <div className="flex items-center gap-3 pointer-events-auto">
          <button