feat: wrap login view in centered container with legal footer and cookie consent

Add .login-container CSS class with flex centering and gradient background, move gradient from .auth-container to new class, and update rbox-app.js showLogin() to render login-view inside a div.login-container alongside a footer with legal links and a cookie-consent element.
This commit is contained in:
2025-11-13 18:33:17 +00:00
parent 1f3ffc221f
commit b4a96fa82f
2 changed files with 39 additions and 2 deletions
+18 -1
View File
@@ -206,12 +206,19 @@ body {
width: 100%;
}
.login-container {
display: flex;
align-items: center;
justify-content: center;
min-height: calc(100vh - 120px); /* Adjust for footer height */
background: linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);
}
.auth-container {
display: flex;
align-items: center;
justify-content: center;
min-height: 100vh;
background: linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);
}
.auth-box {
@@ -1042,3 +1049,13 @@ body.dark-mode {
.footer-text {
margin: 0;
}
rbox-app {
display: flex;
flex-direction: column;
min-height: 100vh;
}
.login-container {
flex: 1;
}