ui : fix ui clipping in mobile due to incorrect height setup (#24605)

diff --git a/tools/ui/src/lib/components/ui/sidebar/sidebar-provider.svelte b/tools/ui/src/lib/components/ui/sidebar/sidebar-provider.svelte
index 7ab9ded7f9b691cbdd1db8e359ee7b4f39b27e1d..e77641c2e0b3c596d63d96dc466517ecbc59ad49 100644 (file)
--- a/tools/ui/src/lib/components/ui/sidebar/sidebar-provider.svelte
+++ b/tools/ui/src/lib/components/ui/sidebar/sidebar-provider.svelte
@@ -41,7 +41,7 @@
        data-slot="sidebar-wrapper"
        style="--sidebar-width: {sidebar.sidebarWidth}; --sidebar-min-width: {SIDEBAR_MIN_WIDTH}; --sidebar-max-width: {SIDEBAR_MAX_WIDTH}; --sidebar-width-icon: {SIDEBAR_WIDTH_ICON}; {style}"
        class={cn(
-               'group/sidebar-wrapper flex min-h-svh w-full has-data-[variant=inset]:bg-sidebar',
+               'group/sidebar-wrapper flex flex-col min-h-svh w-full has-data-[variant=inset]:bg-sidebar',
                className
        )}
        bind:this={ref}

diff --git a/tools/ui/src/routes/+layout.svelte b/tools/ui/src/routes/+layout.svelte
index 63334c7adae19a2d2915154c3790f8a46b8f65c2..fdba9a9d37015985c9780a441592fe254cc23c8b 100644 (file)
--- a/tools/ui/src/routes/+layout.svelte
+++ b/tools/ui/src/routes/+layout.svelte
@@ -312,7 +312,7 @@
        />
 
        <Sidebar.Provider bind:open={sidebarOpen}>
-               <div class="flex h-screen w-full">
+               <div class="flex h-full w-full grow">
                        <Sidebar.Root variant="floating" class="h-full"
                                ><SidebarNavigation bind:this={chatSidebar} /></Sidebar.Root
                        >