Add auth.mischlabs.de as wide banner card above service grid

Horizontal banner layout with shield icon, spanning full grid width.
Responsive: collapses to vertical on mobile.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Kroonk
2026-04-13 21:34:43 +02:00
parent 28f5654060
commit 0f35698eb8
2 changed files with 50 additions and 0 deletions

View File

@@ -126,6 +126,27 @@ main {
gap: 1.25rem;
}
/* ===== Banner Card (Auth) ===== */
.card-banner {
flex-direction: row;
align-items: center;
gap: 1rem;
padding: 1rem 1.5rem;
margin-bottom: 1.25rem;
animation: fadeInUp 0.5s ease backwards;
}
.card-banner .card-content {
flex: 1;
}
.card-banner .card-domain {
border-top: none;
padding-top: 0;
border-left: 1px solid var(--border);
padding-left: 1rem;
}
/* ===== Card ===== */
.card {
display: flex;
@@ -265,9 +286,24 @@ footer p {
width: 20px;
height: 20px;
}
.card-banner {
margin-bottom: 0.75rem;
}
}
@media (max-width: 480px) {
.card-banner {
flex-direction: column;
align-items: flex-start;
}
.card-banner .card-domain {
border-left: none;
padding-left: 0;
border-top: 1px solid var(--border);
padding-top: 0.5rem;
}
.grid {
grid-template-columns: 1fr;
}