linguabot commited on
Commit
0a6800d
·
verified ·
1 Parent(s): f71bdcb

Upload folder using huggingface_hub

Browse files
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 {