Cedric/mon-petit-cinema
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Actualiser css/public.css

Browse Source
This commit is contained in:
Cedric
2026-06-23 15:29:37 +02:00
parent 625841d9b0
commit 84bd1c9d1f
1 changed files with 28 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files
css/public.css
+28 -9
View File
@@ -668,16 +668,35 @@ body {
transform: scale(1.05); transform: scale(1.05);
} }
/* Colonne Image (Affiche) */ /* --- ENVELOPPE DE L'IMAGE (DÉTAIL) --- */
.detail-poster { .detail-poster {
flex: 0 0 240px; width: 100%;
width: 240px; max-width: 320px; /* Aligne une largeur maximale propre */
border-radius: 12px; height: auto !important; /* Force la hauteur à s'annuler */
overflow: hidden; max-height: none !important; /* Empêche tout bridage vertical */
border: 1px solid rgba(255, 255, 255, 0.05); display: flex;
box-shadow: 0 20px 45px rgba(0, 0, 0, 0.8); align-items: center;
background: #141414; justify-content: center;
align-self: flex-start; background: transparent !important;
border: none !important;
box-shadow: none !important;
overflow: visible !important; /* Permet à l'effet 3D de déborder proprement */
}
/* --- L'IMAGE ELLE-MÊME (EFFET BOÎTIER 3D PHYSIQUE NON TRONQUÉ) --- */
.detail-poster img {
width: 100% !important;
height: auto !important; /* L'image garde ses proportions d'origine */
object-fit: contain !important; /* S'assure que RIEN n'est coupé */
display: block;
border-radius: 4px 7px 7px 4px;
/* Effet tranche de boîtier physique */
border-left: 8px solid #141414;
border-top: 1px solid rgba(255, 255, 255, 0.15);
/* Ombres portées */
box-shadow: -6px 4px 18px rgba(0, 0, 0, 0.6), 6px 12px 28px rgba(0, 0, 0, 0.8);
} }
.detail-poster.poster-critique { .detail-poster.poster-critique {