fix: resolve scrolling error on mobile device

This commit is contained in:
2025-09-14 11:29:18 +04:00
parent 458c5498c0
commit 041494f87e
+16 -4
View File
@@ -1,14 +1,20 @@
/* Styles pour la page de compte à rebours */ /* Styles pour la page de compte à rebours */
body {
margin: 0;
padding: 0;
overflow-x: hidden;
}
.countdown-overlay { .countdown-overlay {
position: fixed; position: absolute;
top: 0; top: 0;
left: 0; left: 0;
width: 100vw; width: 100%;
height: 100vh; min-height: 100vh;
background: linear-gradient(135deg, #000000 0%, #1a1a1a 50%, #000000 100%); background: linear-gradient(135deg, #000000 0%, #1a1a1a 50%, #000000 100%);
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: center; justify-content: flex-start;
align-items: center; align-items: center;
z-index: 9999; z-index: 9999;
color: white; color: white;
@@ -20,6 +26,8 @@
.countdown-container { .countdown-container {
max-width: 800px; max-width: 800px;
width: 100%; width: 100%;
margin: auto;
padding: 40px 0;
} }
.countdown-logo { .countdown-logo {
@@ -210,6 +218,10 @@
/* Responsive */ /* Responsive */
@media (max-width: 768px) { @media (max-width: 768px) {
.countdown-container {
padding: 20px 0;
}
.countdown-title { .countdown-title {
font-size: 2rem; font-size: 2rem;
} }