fix css issue
This commit is contained in:
@@ -426,91 +426,6 @@ button.btn-back {
|
||||
}
|
||||
}
|
||||
|
||||
/* --- PANEL DE VICTOIRE --- */
|
||||
|
||||
/* Conteneur principal en overlay */
|
||||
.win-panel {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
transform: translate(-50%, -50%); /* Centrage parfait */
|
||||
|
||||
width: 450px;
|
||||
background: rgba(15, 15, 15, 0.98);
|
||||
border: 3px solid #d4af37;
|
||||
border-radius: 20px;
|
||||
padding: 30px;
|
||||
text-align: center;
|
||||
z-index: 10000000000; /* Toujours au-dessus */
|
||||
box-shadow: 0 0 50px rgba(0, 0, 0, 1);
|
||||
animation: scaleUp 0.3s ease-out;
|
||||
}
|
||||
|
||||
.win-panel h2 {
|
||||
color: #d4af37;
|
||||
margin-bottom: 20px;
|
||||
font-size: 1.6rem;
|
||||
}
|
||||
|
||||
#winner-buttons-area {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
justify-content: center;
|
||||
gap: 12px;
|
||||
}
|
||||
|
||||
.btn-win {
|
||||
background: #1a4a31;
|
||||
color: white;
|
||||
border: 1px solid #d4af37;
|
||||
padding: 10px 20px;
|
||||
border-radius: 8px;
|
||||
font-weight: bold;
|
||||
cursor: pointer;
|
||||
transition: all 0.2s;
|
||||
}
|
||||
|
||||
.btn-win:hover {
|
||||
background: #d4af37;
|
||||
color: black;
|
||||
transform: scale(1.1);
|
||||
}
|
||||
|
||||
/* Bouton Rejouer / Retour Accueil */
|
||||
.btn-replay, .btn-back {
|
||||
margin: 15px 5px;
|
||||
padding: 12px 25px;
|
||||
border-radius: 30px;
|
||||
border: none;
|
||||
font-weight: bold;
|
||||
cursor: pointer;
|
||||
text-transform: uppercase;
|
||||
transition: transform 0.2s;
|
||||
}
|
||||
|
||||
.btn-replay {
|
||||
background: linear-gradient(135deg, #d4af37 0%, #f9e27d 100%);
|
||||
color: #3e2723;
|
||||
box-shadow: 0 4px 15px rgba(212, 175, 55, 0.3);
|
||||
}
|
||||
|
||||
.btn-back {
|
||||
background: #3e2723;
|
||||
color: #d4af37;
|
||||
border: 1px solid #d4af37;
|
||||
}
|
||||
|
||||
.btn-replay:hover, .btn-back:hover {
|
||||
transform: translateY(-3px);
|
||||
filter: brightness(1.2);
|
||||
}
|
||||
|
||||
@keyframes scaleUp {
|
||||
from { transform: translate(-50%, -50%) scale(0.5); opacity: 0; }
|
||||
to { transform: translate(-50%, -50%) scale(1); opacity: 1; }
|
||||
}
|
||||
|
||||
/* --- ADAPTATION MOBILE --- */
|
||||
@media (max-width: 600px) {
|
||||
.win-panel {
|
||||
padding: 20px;
|
||||
|
||||
Reference in New Issue
Block a user