Actual loading screen

2023-05-20 15:42:43 -05:00
parent c253e0956f
commit 3b9017dfad
4 changed files with 528 additions and 459 deletions
--- a/src/lib/components/SidebarItem.svelte
+++ b/src/lib/components/SidebarItem.svelte
@@ -28,18 +28,21 @@

 <div
 	id={elem_id}
-	class="tabitem {elem_classes.join(' ')}"
+	class="sidebar-item {elem_classes.join(' ')}"
 	style:display={$selected_tab === id ? "block" : "none"}
 >
-	<Column>
+	<div style:height="100%">
 		<slot />
-	</Column>
+	</div>
 </div>

 <style>
 	div {
-		display: flex;
 		position: relative;
-        width: calc(100% - 4rem);
 	}
+
+ .sidebar-item {
+     width: calc(100% - 4rem);
+     height: 100%;
+ }
 </style>