Upload folder using huggingface_hub
Browse files- client/src/index.css +5 -4
client/src/index.css
CHANGED
|
@@ -114,7 +114,8 @@ html.is-chrome body, html.is-chrome #root {
|
|
| 114 |
html.is-chrome { font-family: 'SF Pro Text', -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Helvetica, Arial, system-ui, sans-serif; }
|
| 115 |
html.is-chrome body { font-weight: 400; }
|
| 116 |
html.is-chrome h1, html.is-chrome h2, html.is-chrome h3 { font-weight: 600; }
|
| 117 |
-
|
|
|
|
| 118 |
|
| 119 |
/* Quick Actions alignment parity with Safari (Chrome only) */
|
| 120 |
/* Match Safari layout: no forced min-height on Chrome */
|
|
@@ -136,9 +137,9 @@ html.is-chrome body { overscroll-behavior: contain; }
|
|
| 136 |
|
| 137 |
/* Chrome-only sidebar opacity + blur look */
|
| 138 |
html.is-chrome .sidebar-shell { background: rgba(255,255,255,0.9); -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); position: fixed; top: 56px; left: 0; bottom: 0; width: 15rem; display: flex; flex-direction: column; }
|
| 139 |
-
/*
|
| 140 |
-
html.is-chrome .sidebar-nav { position:
|
| 141 |
-
html.is-chrome .sidebar-footer { position:
|
| 142 |
html.is-chrome .sidebar-shell { overflow: visible; }
|
| 143 |
/* Ensure links remain clickable */
|
| 144 |
html.is-chrome .sidebar-shell a { pointer-events: auto; }
|
|
|
|
| 114 |
html.is-chrome { font-family: 'SF Pro Text', -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Helvetica, Arial, system-ui, sans-serif; }
|
| 115 |
html.is-chrome body { font-weight: 400; }
|
| 116 |
html.is-chrome h1, html.is-chrome h2, html.is-chrome h3 { font-weight: 600; }
|
| 117 |
+
/* Disable content-visibility on the app shell in Chrome to avoid clipping fixed/sticky children */
|
| 118 |
+
html.is-chrome .app-shell { content-visibility: visible; contain-intrinsic-size: auto; }
|
| 119 |
|
| 120 |
/* Quick Actions alignment parity with Safari (Chrome only) */
|
| 121 |
/* Match Safari layout: no forced min-height on Chrome */
|
|
|
|
| 137 |
|
| 138 |
/* Chrome-only sidebar opacity + blur look */
|
| 139 |
html.is-chrome .sidebar-shell { background: rgba(255,255,255,0.9); -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); position: fixed; top: 56px; left: 0; bottom: 0; width: 15rem; display: flex; flex-direction: column; }
|
| 140 |
+
/* Mirror header sticky behavior for nav and footer inside the fixed aside */
|
| 141 |
+
html.is-chrome .sidebar-nav { position: sticky; top: 0; width: auto; }
|
| 142 |
+
html.is-chrome .sidebar-footer { position: sticky; bottom: 0; width: auto; background: transparent; }
|
| 143 |
html.is-chrome .sidebar-shell { overflow: visible; }
|
| 144 |
/* Ensure links remain clickable */
|
| 145 |
html.is-chrome .sidebar-shell a { pointer-events: auto; }
|