Upload folder using huggingface_hub
Browse files- client/src/components/Layout.tsx +2 -2
- client/src/index.css +7 -0
client/src/components/Layout.tsx
CHANGED
|
@@ -210,7 +210,7 @@ const Layout: React.FC<{ children: React.ReactNode }> = ({ children }) => {
|
|
| 210 |
<div className="flex">
|
| 211 |
{/* Sidebar */}
|
| 212 |
<aside className="hidden md:flex md:flex-col w-60 fixed top-14 left-0 bottom-0 border-r border-ui-border bg-ui-panel/80 backdrop-blur z-30 sidebar-shell">
|
| 213 |
-
<nav className="p-4 space-y-2 flex-1">
|
| 214 |
{navigation.map((item) => {
|
| 215 |
const isActive = location.pathname === item.href;
|
| 216 |
return (
|
|
@@ -227,7 +227,7 @@ const Layout: React.FC<{ children: React.ReactNode }> = ({ children }) => {
|
|
| 227 |
);
|
| 228 |
})}
|
| 229 |
</nav>
|
| 230 |
-
<div className="p-3 border-t border-ui-border mt-auto">
|
| 231 |
{user ? (
|
| 232 |
<button onClick={handleLogout} className="w-full flex items-center justify-start px-3 py-2 rounded-md text-sm font-medium text-ui-text/80 hover:bg-ui-panel/60">
|
| 233 |
<PowerIcon className="h-4 w-4 mr-2" />
|
|
|
|
| 210 |
<div className="flex">
|
| 211 |
{/* Sidebar */}
|
| 212 |
<aside className="hidden md:flex md:flex-col w-60 fixed top-14 left-0 bottom-0 border-r border-ui-border bg-ui-panel/80 backdrop-blur z-30 sidebar-shell">
|
| 213 |
+
<nav className="p-4 space-y-2 flex-1 sidebar-nav">
|
| 214 |
{navigation.map((item) => {
|
| 215 |
const isActive = location.pathname === item.href;
|
| 216 |
return (
|
|
|
|
| 227 |
);
|
| 228 |
})}
|
| 229 |
</nav>
|
| 230 |
+
<div className="p-3 border-t border-ui-border mt-auto sidebar-footer">
|
| 231 |
{user ? (
|
| 232 |
<button onClick={handleLogout} className="w-full flex items-center justify-start px-3 py-2 rounded-md text-sm font-medium text-ui-text/80 hover:bg-ui-panel/60">
|
| 233 |
<PowerIcon className="h-4 w-4 mr-2" />
|
client/src/index.css
CHANGED
|
@@ -131,6 +131,13 @@ html.is-chrome body { overscroll-behavior: contain; }
|
|
| 131 |
|
| 132 |
/* Chrome-only sidebar opacity + blur look */
|
| 133 |
html.is-chrome .sidebar-shell { background: rgba(255,255,255,0.9); -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); will-change: transform; contain: paint; position: fixed; top: 56px; left: 0; bottom: 0; width: 15rem; display: flex; flex-direction: column; }
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 134 |
|
| 135 |
/* Custom scrollbar */
|
| 136 |
::-webkit-scrollbar {
|
|
|
|
| 131 |
|
| 132 |
/* Chrome-only sidebar opacity + blur look */
|
| 133 |
html.is-chrome .sidebar-shell { background: rgba(255,255,255,0.9); -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); will-change: transform; contain: paint; position: fixed; top: 56px; left: 0; bottom: 0; width: 15rem; display: flex; flex-direction: column; }
|
| 134 |
+
html.is-chrome .sidebar-nav { position: sticky; top: 0; align-self: stretch; }
|
| 135 |
+
html.is-chrome .sidebar-footer { position: sticky; bottom: 0; background: transparent; }
|
| 136 |
+
|
| 137 |
+
/* Font exactness tweaks: normalize weights and sizes like Safari */
|
| 138 |
+
html.is-chrome body { font-weight: 400; }
|
| 139 |
+
html.is-chrome h1, html.is-chrome h2, html.is-chrome h3 { font-weight: 700; }
|
| 140 |
+
html.is-chrome .text-ui-text { -webkit-font-smoothing: antialiased; }
|
| 141 |
|
| 142 |
/* Custom scrollbar */
|
| 143 |
::-webkit-scrollbar {
|