From 826c7c47785ee01d2b9267919132ada696425344 Mon Sep 17 00:00:00 2001
From: Melonai <einebeere@gmail.com>
Date: Wed, 20 Jan 2021 23:18:09 +0100
Subject: Remade the client in SvelteKit

---
 client/src/routes/index.svelte | 44 ++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 44 insertions(+)
 create mode 100644 client/src/routes/index.svelte

(limited to 'client/src/routes/index.svelte')

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
-- 
cgit 1.4.1

