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:59:45 +02:00
parent 77f1d9db2c
commit ec056b49bc
1 changed files with 36 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend-prep/src/components/ProductCard.css
+36 -16
View File
@@ -382,11 +382,14 @@ div[data-category="gros&semi"] .success-message {
background: rgba(0, 0, 0, 0.75); background: rgba(0, 0, 0, 0.75);
backdrop-filter: blur(8px); backdrop-filter: blur(8px);
border-radius: 50%; border-radius: 50%;
width: 40px; width: 48px;
height: 40px; height: 48px;
min-width: 48px;
min-height: 48px;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
overflow: visible;
z-index: 3; z-index: 3;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
transition: all 0.3s ease; transition: all 0.3s ease;
@@ -406,8 +409,11 @@ div[data-category="gros&semi"] .success-message {
.media-indicator svg { .media-indicator svg {
color: #ffffff; color: #ffffff;
width: 18px; width: 24px;
height: 18px; height: 24px;
min-width: 24px;
min-height: 24px;
flex-shrink: 0;
animation: cameraPulse 2s ease-in-out infinite; animation: cameraPulse 2s ease-in-out infinite;
} }
@@ -601,12 +607,15 @@ div[data-category="gros&semi"] .details-button:hover {
backdrop-filter: blur(10px); backdrop-filter: blur(10px);
border: 2px solid rgba(255, 255, 255, 0.3); border: 2px solid rgba(255, 255, 255, 0.3);
color: white; color: white;
width: 40px; width: 48px;
height: 40px; height: 48px;
min-width: 48px;
min-height: 48px;
border-radius: 50%; border-radius: 50%;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
overflow: visible;
cursor: pointer; cursor: pointer;
z-index: 10; z-index: 10;
transition: all 0.3s ease; transition: all 0.3s ease;
@@ -623,8 +632,11 @@ div[data-category="gros&semi"] .details-button:hover {
} }
.video-close-btn svg { .video-close-btn svg {
width: 18px; width: 24px;
height: 18px; height: 24px;
min-width: 24px;
min-height: 24px;
flex-shrink: 0;
} }
.video-player { .video-player {
@@ -668,13 +680,17 @@ div[data-category="gros&semi"] .details-button:hover {
.video-close-btn { .video-close-btn {
top: 10px; top: 10px;
right: 10px; right: 10px;
width: 36px; width: 44px;
height: 36px; height: 44px;
min-width: 44px;
min-height: 44px;
} }
.video-close-btn svg { .video-close-btn svg {
width: 16px; width: 20px;
height: 16px; height: 20px;
min-width: 20px;
min-height: 20px;
} }
.video-player { .video-player {
@@ -699,15 +715,19 @@ div[data-category="gros&semi"] .details-button:hover {
} }
.media-indicator { .media-indicator {
width: 36px; width: 44px;
height: 49px; height: 44px;
min-width: 44px;
min-height: 44px;
top: 10px; top: 10px;
right: 10px; right: 10px;
} }
.media-indicator svg { .media-indicator svg {
width: 16px; width: 20px;
height: 16px; height: 20px;
min-width: 20px;
min-height: 20px;
} }
} }