fix: icone

2026-05-03 22:16:37 +02:00
parent 4a6265f3a9
commit 77f1d9db2c
2 changed files with 6 additions and 5 deletions
@@ -3,8 +3,7 @@
  <head>
    <meta charset="UTF-8" />
    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
+<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <meta name="mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
@@ -1,4 +1,5 @@
 import { useState } from "react";
+import { createPortal } from "react-dom";
 import { useNavigate } from "react-router-dom";
 import { useCart } from "../context/useCart";
 import { Camera, Info, X } from "lucide-react";
@@ -218,8 +219,8 @@ function ProductCard({
                )}
            </div>

-            {/* ✨ Modal vidéo */}
-            {showVideo && videoUrl && (
+            {/* ✨ Modal vidéo — rendu via Portal pour éviter le clipping du transform:scale sur .product-card */}
+            {showVideo && videoUrl && createPortal(
                <div className="video-modal" onClick={handleCloseVideo}>
                    <div
                        className="video-modal-content"
@@ -242,7 +243,8 @@ function ProductCard({
                            vidéos.
                        </video>
                    </div>
-                </div>
+                </div>,
+                document.body
            )}
        </div>
    );