Xor290/projet_gestion_commande
0
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: icone

Browse Source
This commit is contained in:
Xor290
2026-05-03 22:16:37 +02:00
parent 4a6265f3a9
commit 77f1d9db2c
2 changed files with 6 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend-prep/index.html
-1
View File
@@ -3,7 +3,6 @@
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="/vite.svg" /> <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="mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-capable" content="yes" /> <meta name="apple-mobile-web-app-capable" content="yes" />
frontend-prep/src/components/ProductCard.tsx
+5 -3
View File
@@ -1,4 +1,5 @@
import { useState } from "react"; import { useState } from "react";
import { createPortal } from "react-dom";
import { useNavigate } from "react-router-dom"; import { useNavigate } from "react-router-dom";
import { useCart } from "../context/useCart"; import { useCart } from "../context/useCart";
import { Camera, Info, X } from "lucide-react"; import { Camera, Info, X } from "lucide-react";
@@ -218,8 +219,8 @@ function ProductCard({
)} )}
</div> </div>
{/* ✨ Modal vidéo */} {/* ✨ Modal vidéo — rendu via Portal pour éviter le clipping du transform:scale sur .product-card */}
{showVideo && videoUrl && ( {showVideo && videoUrl && createPortal(
<div className="video-modal" onClick={handleCloseVideo}> <div className="video-modal" onClick={handleCloseVideo}>
<div <div
className="video-modal-content" className="video-modal-content"
@@ -242,7 +243,8 @@ function ProductCard({
vidéos. vidéos.
</video> </video>
</div> </div>
</div> </div>,
document.body
)} )}
</div> </div>
); );