Footer placement anc color
This commit is contained in:
@@ -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>
|
||||||
|
<main class="checkin-main">
|
||||||
<div class="card <%= success ? 'success' : 'error' %>">
|
<div class="card <%= success ? 'success' : 'error' %>">
|
||||||
<div class="icon" aria-hidden="true"><%= success ? '✓' : '!' %></div>
|
<div class="icon" aria-hidden="true"><%= success ? '✓' : '!' %></div>
|
||||||
<h1><%= title %></h1>
|
<h1><%= title %></h1>
|
||||||
<p class="message"><%= message %></p>
|
<p class="message"><%= message %></p>
|
||||||
</div>
|
</div>
|
||||||
|
</main>
|
||||||
<%- include('footer') %>
|
<%- include('footer') %>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|||||||
Reference in New Issue
Block a user