diff options
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 |