From 84d23c65af80c35a5645eb316b6fb221ead50109 Mon Sep 17 00:00:00 2001
From: RemixDev <RemixDev64@gmail.com>
Date: Tue, 20 Oct 2020 18:10:29 +0200
Subject: [PATCH] wip: added slim option for sidebar

---
 src/components/TheSidebar.vue | 13 ++++++++++++-
 1 file changed, 12 insertions(+), 1 deletion(-)

diff --git a/src/components/TheSidebar.vue b/src/components/TheSidebar.vue
index d847992..d4c0dcc 100644
--- a/src/components/TheSidebar.vue
+++ b/src/components/TheSidebar.vue
@@ -32,7 +32,7 @@
 			></span>
 		</router-link>
 
-		<span class="flex h-12 mt-5" role="link" aria-label="theme selector">
+		<span id="theme_selector" class="flex h-12 mt-5" role="link" aria-label="theme selector">
 			<i class="p-2 text-3xl transition-all duration-500 cursor-default material-icons side_icon side_icon--theme">
 				brush
 			</i>
@@ -62,6 +62,17 @@
 </template>
 
 <style lang="scss" scoped>
+#sidebar.slim{
+	width: 46px;
+}
+#sidebar.slim .main_tablinks_text{
+	display: none;
+}
+#sidebar.slim #theme_selector, #sidebar.slim #theme_togglers{
+	display: inline-grid;
+	grid-gap: 8px;
+}
+
 #network-status {
 	display: flex;
 	justify-content: center;