Spaces:
Runtime error
Runtime error
fix: remove login container animation causing upward drift on refresh
Browse files- Remove automatic slideUp animation from login container
- Set stable positioning with fixed opacity and transform
- Prevent visual jumping/movement on page refresh
- Improve login page stability and user experience
The login form will now remain in a consistent position without
unwanted animation triggers on page reload.
- static/login.html +7 -0
static/login.html
CHANGED
|
@@ -43,6 +43,13 @@
|
|
| 43 |
width: 100%;
|
| 44 |
max-width: 420px;
|
| 45 |
position: relative;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 46 |
animation: slideUp 0.6s ease-out;
|
| 47 |
}
|
| 48 |
|
|
|
|
| 43 |
width: 100%;
|
| 44 |
max-width: 420px;
|
| 45 |
position: relative;
|
| 46 |
+
/* Remove animation to prevent upward drift on refresh */
|
| 47 |
+
opacity: 1;
|
| 48 |
+
transform: translateY(0);
|
| 49 |
+
}
|
| 50 |
+
|
| 51 |
+
/* Optional: Add animation only on first visit */
|
| 52 |
+
.tt-login-container.animate-in {
|
| 53 |
animation: slideUp 0.6s ease-out;
|
| 54 |
}
|
| 55 |
|