style(shell): pleine hauteur du viewport sur desktop, 1em de margeUnverified
Le plafond de 820px n'avait pas lieu d'être : height passe à calc(100dvh - 2em), le centrage du .viewport répartit la marge.
7f1719b parent: 16eb9ff modified
assets/style.css +3 -1 | @@ -864,7 +864,9 @@ a.times-link { flex-direction: row; align-items: center; text-decoration: none; | ||
| 864 | 864 | @media (min-width: 700px) { |
| 865 | 865 | .viewport { align-items: center; } |
| 866 | 866 | .shell { |
| 867 | - max-width: 960px; height: min(100dvh, 820px); | |
| 867 | + /* Pleine hauteur du viewport, 1em de marge (le centrage du .viewport | |
| 868 | + répartit le reste) — pas de plafond arbitraire sur grand écran. */ | |
| 869 | + max-width: 960px; height: calc(100dvh - 2em); | |
| 868 | 870 | border-radius: var(--radius-lg); box-shadow: var(--shadow-lg); |
| 869 | 871 | padding-top: 0; |
| 870 | 872 | } |
| @@ -864,7 +864,9 @@ a.times-link { flex-direction: row; align-items: center; text-decoration: none; | |||
| 864 | @media (min-width: 700px) { | 864 | @media (min-width: 700px) { |
| 865 | .viewport { align-items: center; } | 865 | .viewport { align-items: center; } |
| 866 | .shell { | 866 | .shell { |
| 867 | - max-width: 960px; height: min(100dvh, 820px); | 867 | + /* Pleine hauteur du viewport, 1em de marge (le centrage du .viewport |
| 868 | + répartit le reste) — pas de plafond arbitraire sur grand écran. */ | ||
| 869 | + max-width: 960px; height: calc(100dvh - 2em); | ||
| 868 | border-radius: var(--radius-lg); box-shadow: var(--shadow-lg); | 870 | border-radius: var(--radius-lg); box-shadow: var(--shadow-lg); |
| 869 | padding-top: 0; | 871 | padding-top: 0; |
| 870 | } | 872 | } |