Add FamDone Brand component
This commit is contained in:
@@ -1,5 +1,11 @@
|
||||
<script lang="ts">
|
||||
let { title, subtitle, children }: {
|
||||
import FamDone from './FamDone.svelte';
|
||||
|
||||
let {
|
||||
title,
|
||||
subtitle,
|
||||
children
|
||||
}: {
|
||||
title: string;
|
||||
subtitle?: string;
|
||||
children?: any;
|
||||
@@ -7,7 +13,7 @@
|
||||
</script>
|
||||
|
||||
<main class="auth">
|
||||
<a class="brand" href="/">FamChore</a>
|
||||
<a class="brand" href="/"><FamDone /></a>
|
||||
<div class="card">
|
||||
<h1>{title}</h1>
|
||||
{#if subtitle}
|
||||
@@ -26,7 +32,10 @@
|
||||
justify-content: center;
|
||||
padding: 2rem 1rem;
|
||||
background: linear-gradient(135deg, #eef2ff 0%, #ffffff 55%, #eef2ff 100%);
|
||||
font-family: system-ui, -apple-system, sans-serif;
|
||||
font-family:
|
||||
system-ui,
|
||||
-apple-system,
|
||||
sans-serif;
|
||||
color: #1f2937;
|
||||
}
|
||||
.brand {
|
||||
@@ -56,6 +65,8 @@
|
||||
line-height: 1.5;
|
||||
}
|
||||
@media (max-width: 480px) {
|
||||
.card { padding: 1.5rem; }
|
||||
.card {
|
||||
padding: 1.5rem;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
Reference in New Issue
Block a user