diff options
| author | Melonai <einebeere@gmail.com> | 2021-01-20 23:18:09 +0100 |
|---|---|---|
| committer | Melonai <einebeere@gmail.com> | 2021-01-20 23:18:09 +0100 |
| commit | 826c7c47785ee01d2b9267919132ada696425344 (patch) | |
| tree | 901cc90be9a953a6c3f968b6c1abe33cc13774b4 /client/src/routes/index.svelte | |
| parent | 2953dec527cedaabaa5f0eb48637c5ddd4a4103b (diff) | |
| download | shorest-826c7c47785ee01d2b9267919132ada696425344.tar.zst shorest-826c7c47785ee01d2b9267919132ada696425344.zip | |
Remade the client in SvelteKit
Diffstat (limited to 'client/src/routes/index.svelte')
| -rw-r--r-- | client/src/routes/index.svelte | 44 |
1 files changed, 44 insertions, 0 deletions
diff --git a/client/src/routes/index.svelte b/client/src/routes/index.svelte new file mode 100644 index 0000000..5e51f13 --- /dev/null +++ b/client/src/routes/index.svelte @@ -0,0 +1,44 @@ +<script lang="ts"> + import Title from '$components/Title.svelte'; + import Form from '$components/Form.svelte'; + import Responses from '$components/Responses.svelte'; +</script> + +<style> + main { + width: 100%; + height: 100%; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + overflow: hidden; + } + + .output { + position: absolute; + top: 175px; + width: 100%; + } + + .content { + position: relative; + width: 80%; + } + + @media (min-width: 800px) { + .content { + width: 40%; + } + } +</style> + +<main> + <div class="content"> + <Title/> + <Form/> + <div class="output"> + <Responses/> + </div> + </div> +</main> \ No newline at end of file |