cobalt/web/src/routes/+page.svelte
2024-06-25 21:01:08 +06:00

51 lines
1.1 KiB
Svelte

<script>
import Omnibox from "$components/save/Omnibox.svelte";
import MeowbaltLoaf from "$components/meowbalt/MeowbaltLoaf.svelte";
</script>
<svelte:head>
<title>cobalt</title>
</svelte:head>
<div id="cobalt-save-container" class="center-column-container">
<main id="cobalt-save">
<MeowbaltLoaf />
<Omnibox />
</main>
<div id="terms-note">
by continuing you agree to terms and ethics of use
</div>
</div>
<style>
#cobalt-save-container {
padding: var(--padding);
overflow: hidden;
}
#cobalt-save {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
gap: 15px;
}
#terms-note {
bottom: 0;
color: var(--gray);
font-size: 13px;
text-align: center;
padding-bottom: var(--padding);
}
@media screen and (max-width: 535px) {
#terms-note {
font-size: 11px;
padding-bottom: 0;
}
}
</style>