Footer placement anc color

This commit is contained in:
2026-02-05 14:10:31 +01:00
parent 4bd289a990
commit d82b144b86

View File

@@ -12,11 +12,16 @@
background: linear-gradient(135deg, #2c3e50 0%, #3498db 100%); background: linear-gradient(135deg, #2c3e50 0%, #3498db 100%);
min-height: 100vh; min-height: 100vh;
display: flex; display: flex;
align-items: center; flex-direction: column;
justify-content: center;
padding: 20px; padding: 20px;
color: #333; color: #333;
} }
.checkin-main {
flex: 1;
display: flex;
align-items: center;
justify-content: center;
}
.card { .card {
background: #fff; background: #fff;
border-radius: 12px; border-radius: 12px;
@@ -45,14 +50,21 @@
.card.success h1 { color: #27ae60; } .card.success h1 { color: #27ae60; }
.card.error .icon { color: #e74c3c; } .card.error .icon { color: #e74c3c; }
.card.error h1 { color: #e74c3c; } .card.error h1 { color: #e74c3c; }
.app-footer {
width: 100%;
text-align: center;
color: rgba(255, 255, 255, 0.95);
}
</style> </style>
</head> </head>
<body> <body>
<div class="card <%= success ? 'success' : 'error' %>"> <main class="checkin-main">
<div class="icon" aria-hidden="true"><%= success ? '✓' : '!' %></div> <div class="card <%= success ? 'success' : 'error' %>">
<h1><%= title %></h1> <div class="icon" aria-hidden="true"><%= success ? '✓' : '!' %></div>
<p class="message"><%= message %></p> <h1><%= title %></h1>
</div> <p class="message"><%= message %></p>
</div>
</main>
<%- include('footer') %> <%- include('footer') %>
</body> </body>
</html> </html>