From 18e289e8f7c4a4e9525c1430006c70bbb555742a Mon Sep 17 00:00:00 2001
From: Louis <louis@jan.ai>
Date: Fri, 21 Feb 2025 18:10:21 +0700
Subject: [PATCH] chore: sticky model hub filter panel (#4715)

---
 web/screens/Hub/index.tsx                                | 4 ++--
 web/screens/LocalServer/LocalServerCenterPanel/index.tsx | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/web/screens/Hub/index.tsx b/web/screens/Hub/index.tsx
index 3e6217c41..16fa00432 100644
--- a/web/screens/Hub/index.tsx
+++ b/web/screens/Hub/index.tsx
@@ -445,7 +445,7 @@ const HubScreen = () => {
               {/* Filters and Model List */}
               <div className="ml-4 mt-8 flex h-full w-full flex-row">
                 {/* Filters */}
-                <div className="hidden h-full w-[224px] shrink-0 flex-col border-r border-[hsla(var(--app-border))] pr-6 md:flex">
+                <div className="sticky top-10 mr-6 hidden h-full w-[200px] shrink-0 flex-col md:flex">
                   <div className="flex w-full flex-row justify-between">
                     Filters
                     <button
@@ -477,7 +477,7 @@ const HubScreen = () => {
                 </div>
 
                 {/* Model List */}
-                <div className="w-full p-4 py-0 sm:px-16">
+                <div className="w-full border-0 border-[hsla(var(--app-border))] p-4 py-0 sm:px-16 md:border-l">
                   <>
                     <div className="flex flex-row">
                       <div className="flex w-full flex-col items-start justify-between gap-4 py-4 first:pt-0 sm:flex-row">
diff --git a/web/screens/LocalServer/LocalServerCenterPanel/index.tsx b/web/screens/LocalServer/LocalServerCenterPanel/index.tsx
index c5e42a9d2..455314b40 100644
--- a/web/screens/LocalServer/LocalServerCenterPanel/index.tsx
+++ b/web/screens/LocalServer/LocalServerCenterPanel/index.tsx
@@ -27,7 +27,7 @@ const LocalServerCenterPanel = () => {
   return (
     <CenterPanelContainer>
       <div className="flex h-full w-full flex-col">
-        <div className="sticky top-0 z-10  flex items-center justify-between border-b border-[hsla(var(--app-border))] bg-[hsla(var(--app-bg))] px-4 py-2">
+        <div className="sticky top-0 z-10 flex items-center justify-between border-b border-[hsla(var(--app-border))] bg-[hsla(var(--app-bg))] px-4 py-2">
           <h2 className="font-bold">Server Logs</h2>
           <div className="space-x-2">
             <Button