fix: cách các modals hiển thị trên browser điện thoại

frontend/src/components/PublicPhotoModal.tsx

@@ -819,7 +819,7 @@ export const PublicPhotoModal: React.FC<PublicPhotoModalProps> = ({
 
       {isFullscreen && (
         <div
-          className="fixed inset-0 z-[9999] bg-black/95 flex items-center justify-center cursor-zoom-out animate-in fade-in duration-200"
+          className="fixed inset-0 z-[9999] bg-black/95 flex items-end sm:items-center justify-center cursor-zoom-out animate-in fade-in duration-200"
           onClick={() => setIsFullscreen(false)}
         >
           <button
@@ -833,7 +833,7 @@ export const PublicPhotoModal: React.FC<PublicPhotoModalProps> = ({
             alt="Fullscreen photo"
             onContextMenu={(e) => { if (!isLoggedIn) e.preventDefault(); }}
             onDragStart={(e) => { if (!isLoggedIn) e.preventDefault(); }}
-            className={`max-w-full max-h-full object-contain select-none animate-in zoom-in-95 duration-200 ${
+            className={`max-w-full max-h-full sm:max-w-screen-md object-contain select-none animate-in zoom-in-95 duration-200 ${
               !isLoggedIn ? 'pointer-events-none' : ''
             }`}
           />