From c94446c1222ae316e317f706f5231edb1b7d6f7d Mon Sep 17 00:00:00 2001
From: Nicolai Ort <info@nicolai-ort.com>
Date: Mon, 16 Aug 2021 16:04:23 +0200
Subject: [PATCH] Cleaned up the layout split

---
 src/routes/__layout.svelte | 16 ++++++++++++++--
 src/routes/index.svelte    | 12 +++++-------
 2 files changed, 19 insertions(+), 9 deletions(-)

diff --git a/src/routes/__layout.svelte b/src/routes/__layout.svelte
index a8602bb..b432744 100644
--- a/src/routes/__layout.svelte
+++ b/src/routes/__layout.svelte
@@ -1,2 +1,14 @@
-<script>import "../app.postcss";</script>
-<slot></slot>
\ No newline at end of file
+<script>
+	import '../app.postcss';
+	import Sidebar from '$lib/Sidebar.svelte';
+	import Statscard from '$lib/Statscard.svelte';
+</script>
+
+<div style="min-height: 640px;" class="bg-white dark:bg-gray-800">
+	<div class="h-screen flex overflow-hidden">
+		<Sidebar />
+		<div class="px-4 py-8 flex flex-col w-0 flex-1 overflow-hidden">
+			<slot />
+		</div>
+	</div>
+</div>
diff --git a/src/routes/index.svelte b/src/routes/index.svelte
index 9d05829..d82091a 100644
--- a/src/routes/index.svelte
+++ b/src/routes/index.svelte
@@ -1,12 +1,10 @@
 <script>
 	import Sidebar from '$lib/Sidebar.svelte';
+	import Statscard from '$lib/Statscard.svelte';
 </script>
 
-<div style="min-height: 640px;" class="bg-white dark:bg-gray-800">
-	<div class="h-screen flex overflow-hidden">
-		<Sidebar />
-		<div class="px-4 py-8 flex flex-col w-0 flex-1 overflow-hidden">
-			<h2 class="text-3xl font-bold text-gray-800 dark:text-gray-100">Home</h2>
-		</div>
-	</div>
+<h2 class="text-3xl font-bold text-gray-800 dark:text-gray-100 pb-6">Home</h2>
+<div class="grid gap-6 mb-8 md:grid-cols-2 xl:grid-cols-4">
+	<Statscard title="Links created" />
+	<Statscard title="Visits" />
 </div>