From b96993c9b70489d54d8df11275fbd08196352655 Mon Sep 17 00:00:00 2001
From: Timothy Jaeryang Baek <tim@openwebui.com>
Date: Mon, 2 Nov 2026 01:59:22 +0900
Subject: [PATCH] refac

---
 src/lib/components/channel/Navbar.svelte    | 6 ++++--
 src/lib/components/chat/Navbar.svelte       | 4 ++--
 src/routes/(app)/admin/+layout.svelte       | 2 +-
 src/routes/(app)/automations/+layout.svelte | 2 +-
 src/routes/(app)/calendar/+page.svelte      | 6 ++++--
 src/routes/(app)/home/+layout.svelte        | 4 ++--
 src/routes/(app)/playground/+layout.svelte  | 2 +-
 7 files changed, 15 insertions(+), 11 deletions(-)

diff --git a/src/lib/components/channel/Navbar.svelte b/src/lib/components/channel/Navbar.svelte
index ae42438407..fc4d7c01f0 100644
--- a/src/lib/components/channel/Navbar.svelte
+++ b/src/lib/components/channel/Navbar.svelte
@@ -56,7 +56,9 @@
 	<PinnedMessagesModal bind:show={showChannelPinnedMessagesModal} {channel} {onPin} />
 	<ChannelInfoModal bind:show={showChannelInfoModal} {channel} {onUpdate} />
 {/if}
-<nav class="sticky top-0 z-30 w-full px-3 py-1 -mb-8 flex items-center drag-region flex-col">
+<nav
+	class="sticky top-0 z-30 w-full px-1.5 md:px-3 py-1 -mb-8 flex items-center drag-region flex-col"
+>
 	<div
 		id="navbar-bg-gradient-to-b"
 		class=" bg-linear-to-b via-50% from-white via-white to-transparent dark:from-gray-900 dark:via-gray-900 dark:to-transparent pointer-events-none absolute inset-0 -bottom-7 z-[-1]"
@@ -68,7 +70,7 @@
 				<div
 					class="{$showSidebar
 						? 'md:hidden'
-						: ''} col-start-1 row-start-1 mr-1.5 mt-0.5 self-center flex flex-none items-center text-gray-600 dark:text-gray-400"
+						: ''} col-start-1 row-start-1 mr-1.5 self-start flex flex-none items-center text-gray-600 dark:text-gray-400"
 				>
 					<Tooltip
 						content={$showSidebar ? $i18n.t('Close Sidebar') : $i18n.t('Open Sidebar')}
diff --git a/src/lib/components/chat/Navbar.svelte b/src/lib/components/chat/Navbar.svelte
index e5c2e4c2c2..7768430a06 100644
--- a/src/lib/components/chat/Navbar.svelte
+++ b/src/lib/components/chat/Navbar.svelte
@@ -156,7 +156,7 @@
 
 <nav
 	class="sticky top-0 z-30 w-full {$mobile
-		? 'pt-0.5'
+		? 'pt-1.5'
 		: ''} pb-1 -mb-12 flex flex-col items-center drag-region"
 >
 	<div class="flex items-center w-full {$mobile ? 'px-1.5' : 'pl-1.5 pr-1'}">
@@ -170,7 +170,7 @@
 		<div class=" flex max-w-full w-full mx-auto bg-transparent">
 			<div class="flex items-center w-full max-w-full">
 				{#if $mobile && !$showSidebar}
-					<div class="mr-1 flex flex-none items-center self-center">
+					<div class="mr-1 flex flex-none items-center self-start">
 						<Tooltip content={$showSidebar ? $i18n.t('Close Sidebar') : $i18n.t('Open Sidebar')}>
 							<button
 								id="sidebar-toggle-button"
diff --git a/src/routes/(app)/admin/+layout.svelte b/src/routes/(app)/admin/+layout.svelte
index fe359aefdf..88d78fe662 100644
--- a/src/routes/(app)/admin/+layout.svelte
+++ b/src/routes/(app)/admin/+layout.svelte
@@ -40,7 +40,7 @@
 			? 'md:max-w-[calc(100%-var(--sidebar-width))]'
 			: 'md:max-w-[calc(100%-42px)]'}  w-full max-w-full"
 	>
-		<nav class="pb-1 px-2.5 pt-2 backdrop-blur-xl drag-region select-none">
+		<nav class="pb-1 px-1.5 pt-1.5 md:px-2.5 md:pt-2 backdrop-blur-xl drag-region select-none">
 			<div class=" flex items-center gap-0.5 md:gap-1">
 				{#if $mobile}
 					<div class="{$showSidebar ? 'md:hidden' : ''} self-center flex flex-none items-center">
diff --git a/src/routes/(app)/automations/+layout.svelte b/src/routes/(app)/automations/+layout.svelte
index b72df1c89a..1719a757b4 100644
--- a/src/routes/(app)/automations/+layout.svelte
+++ b/src/routes/(app)/automations/+layout.svelte
@@ -72,7 +72,7 @@
 		: ''} max-w-full"
 >
 	<div class="flex h-full min-h-0 flex-col">
-		<div class="shrink-0 px-2.5 pt-2 pb-1">
+		<div class="shrink-0 px-1.5 pt-1.5 pb-1 md:px-2.5 md:pt-2">
 			<div class="flex items-center gap-0.5 md:gap-1">
 				{#if $mobile}
 					<div class="{$showSidebar ? 'md:hidden' : ''} flex flex-none items-center">
diff --git a/src/routes/(app)/calendar/+page.svelte b/src/routes/(app)/calendar/+page.svelte
index 66604204f5..0c45fe1ab5 100644
--- a/src/routes/(app)/calendar/+page.svelte
+++ b/src/routes/(app)/calendar/+page.svelte
@@ -274,10 +274,12 @@
 >
 	{#if loaded}
 		<!-- Top Navbar — spans above sidebar and calendar -->
-		<nav class="px-3 pt-2 pb-2 backdrop-blur-xl drag-region select-none shrink-0">
+		<nav
+			class="px-1.5 pt-1.5 pb-2 md:px-3 md:pt-2 backdrop-blur-xl drag-region select-none shrink-0"
+		>
 			<div class="flex items-center gap-0.5 md:gap-1">
 				{#if $mobile}
-					<div class="{$showSidebar ? 'md:hidden' : ''} flex flex-none items-center">
+					<div class="{$showSidebar ? 'md:hidden' : ''} flex flex-none items-center self-start">
 						<Tooltip
 							content={$showSidebar ? $i18n.t('Close Sidebar') : $i18n.t('Open Sidebar')}
 							interactive={true}
diff --git a/src/routes/(app)/home/+layout.svelte b/src/routes/(app)/home/+layout.svelte
index 6d837bc532..7792b7bedf 100644
--- a/src/routes/(app)/home/+layout.svelte
+++ b/src/routes/(app)/home/+layout.svelte
@@ -24,10 +24,10 @@
 		? 'md:max-w-[calc(100%-var(--sidebar-width))]'
 		: ''} max-w-full"
 >
-	<nav class="   px-2.5 pt-1.5 backdrop-blur-xl w-full drag-region">
+	<nav class="px-1.5 pt-1.5 md:px-2.5 backdrop-blur-xl w-full drag-region">
 		<div class=" flex items-center">
 			{#if $mobile}
-				<div class="{$showSidebar ? 'md:hidden' : ''} flex flex-none items-center self-end mt-1.5">
+				<div class="{$showSidebar ? 'md:hidden' : ''} flex flex-none items-center self-start">
 					<Tooltip
 						content={$showSidebar ? $i18n.t('Close Sidebar') : $i18n.t('Open Sidebar')}
 						interactive={true}
diff --git a/src/routes/(app)/playground/+layout.svelte b/src/routes/(app)/playground/+layout.svelte
index 0820a0a5f1..3e2566892c 100644
--- a/src/routes/(app)/playground/+layout.svelte
+++ b/src/routes/(app)/playground/+layout.svelte
@@ -22,7 +22,7 @@
 		? 'md:max-w-[calc(100%-var(--sidebar-width))]'
 		: ''} max-w-full"
 >
-	<nav class="pb-1 px-2.5 pt-2 backdrop-blur-xl drag-region select-none">
+	<nav class="pb-1 px-1.5 pt-1.5 md:px-2.5 md:pt-2 backdrop-blur-xl drag-region select-none">
 		<div class="flex items-center gap-0.5 md:gap-1">
 			{#if $mobile}
 				<div class="{$showSidebar ? 'md:hidden' : ''} self-center flex flex-none items-center">