From 7a556a2981d4c0f78a9c8fe9836c00df9e396604 Mon Sep 17 00:00:00 2001
From: Furkan Sahin <furkan-dev@proton.me>
Date: Fri, 3 Jun 2022 07:08:53 -0500
Subject: Add Sidebar component and @tailwind

---
 src/App.svelte | 19 ++++++++++++++++---
 1 file changed, 16 insertions(+), 3 deletions(-)

(limited to 'src/App.svelte')

diff --git a/src/App.svelte b/src/App.svelte
index 260e037..2b497ee 100644
--- a/src/App.svelte
+++ b/src/App.svelte
@@ -1,11 +1,24 @@
+<!-- This is the Root component that loads other components -->
 <script lang="ts">
-  import Editor from "./components/Editor.svelte";
+	import Editor from "./components/Editor.svelte";
+	import Sidebar from "./Sidebar.svelte";
 </script>
 
+<Sidebar />
+<Editor />
+
 <style global>
 	@tailwind base;
 	@tailwind components;
 	@tailwind utilities;
-</style>
 
-<Editor />
+	@layer base {
+		html {
+			font-family: sans-serif, Proxima Nova;
+		}
+	}
+
+	* {
+		background-color: #EEEEEE;
+	}
+</style>
-- 
cgit v1.2.3

