Upload folder using huggingface_hub

client/src/components/Layout.tsx

@@ -170,7 +170,7 @@ const Layout: React.FC<{ children: React.ReactNode }> = ({ children }) => {
   };
 
   return (
-    <div className="min-h-screen text-ui-text" style={{ backgroundImage: 'url(/background/background-4.png)', backgroundSize: 'cover', backgroundPosition: 'bottom', backgroundRepeat: 'no-repeat' }}>
+    <div className="min-h-screen text-ui-text" style={{ backgroundImage: 'url(/background/background-4.png)', backgroundSize: 'auto', backgroundPosition: 'bottom', backgroundRepeat: 'no-repeat' }}>
       {/* Top Bar */}
       <header className="sticky top-0 z-40 bg-ui-panel/80 backdrop-blur border-b border-ui-border">
         <div className="px-4 sm:px-6 lg:px-8 h-14 flex items-center justify-between">
@@ -185,7 +185,7 @@ const Layout: React.FC<{ children: React.ReactNode }> = ({ children }) => {
       {/* Shell: Sidebar + Content */}
       <div className="flex">
         {/* Sidebar */}
-        <aside className="hidden md:flex md:flex-col w-60 sticky top-14 h-[calc(100vh-56px)] border-r border-ui-border bg-ui-panel self-start">
+        <aside className="hidden md:flex md:flex-col w-60 sticky top-14 h-[calc(100vh-56px)] border-r border-ui-border bg-ui-panel/80 backdrop-blur self-start">
           <nav className="p-4 space-y-2 flex-1 overflow-auto">
             {navigation.map((item) => {
               const isActive = location.pathname === item.href;