From 79aae7a76e9c70a2d2c5cee6b1e87736ccdd9d91 Mon Sep 17 00:00:00 2001
From: Timothy Jaeryang Baek <tim@openwebui.com>
Date: Sun, 22 Dec 2024 02:47:32 -0700
Subject: [PATCH] refac: styling

---
 src/lib/components/layout/Sidebar.svelte | 46 ++++++++++++------------
 1 file changed, 22 insertions(+), 24 deletions(-)

diff --git a/src/lib/components/layout/Sidebar.svelte b/src/lib/components/layout/Sidebar.svelte
index bef066268..e51551ca5 100644
--- a/src/lib/components/layout/Sidebar.svelte
+++ b/src/lib/components/layout/Sidebar.svelte
@@ -523,7 +523,11 @@
 			/>
 		</div>
 
-		<div class="relative flex flex-col overflow-y-auto">
+		<div
+			class="relative flex flex-col flex-1 overflow-y-auto {$temporaryChatEnabled
+				? 'opacity-20'
+				: ''}"
+		>
 			<Folder
 				collapsible={!search}
 				className="px-2 mt-0.5"
@@ -534,13 +538,7 @@
 			>
 				channels
 			</Folder>
-		</div>
 
-		<div
-			class="relative flex flex-col flex-1 overflow-y-auto {$temporaryChatEnabled
-				? 'opacity-20'
-				: ''}"
-		>
 			<Folder
 				collapsible={!search}
 				className="px-2 mt-0.5"
@@ -705,23 +703,23 @@
 									>
 										{$i18n.t(chat.time_range)}
 										<!-- localisation keys for time_range to be recognized from the i18next parser (so they don't get automatically removed):
-						{$i18n.t('Today')}
-						{$i18n.t('Yesterday')}
-						{$i18n.t('Previous 7 days')}
-						{$i18n.t('Previous 30 days')}
-						{$i18n.t('January')}
-						{$i18n.t('February')}
-						{$i18n.t('March')}
-						{$i18n.t('April')}
-						{$i18n.t('May')}
-						{$i18n.t('June')}
-						{$i18n.t('July')}
-						{$i18n.t('August')}
-						{$i18n.t('September')}
-						{$i18n.t('October')}
-						{$i18n.t('November')}
-						{$i18n.t('December')}
-						-->
+							{$i18n.t('Today')}
+							{$i18n.t('Yesterday')}
+							{$i18n.t('Previous 7 days')}
+							{$i18n.t('Previous 30 days')}
+							{$i18n.t('January')}
+							{$i18n.t('February')}
+							{$i18n.t('March')}
+							{$i18n.t('April')}
+							{$i18n.t('May')}
+							{$i18n.t('June')}
+							{$i18n.t('July')}
+							{$i18n.t('August')}
+							{$i18n.t('September')}
+							{$i18n.t('October')}
+							{$i18n.t('November')}
+							{$i18n.t('December')}
+							-->
 									</div>
 								{/if}