Upload folder using huggingface_hub
Browse files- client/src/index.css +6 -2
- client/src/index.tsx +4 -2
client/src/index.css
CHANGED
|
@@ -109,14 +109,18 @@
|
|
| 109 |
html.is-chrome body, html.is-chrome #root {
|
| 110 |
will-change: transform;
|
| 111 |
transform: translateZ(0);
|
| 112 |
-
contain: paint;
|
|
|
|
|
|
|
| 113 |
}
|
| 114 |
|
| 115 |
/* Quick Actions alignment parity with Safari (Chrome only) */
|
| 116 |
html.is-chrome .qa-card { min-height: 128px; }
|
| 117 |
-
html.is-chrome .qa-card h3 { line-height: 1.25; }
|
| 118 |
html.is-chrome .qa-card p { line-height: 1.25; }
|
| 119 |
html.is-chrome .qa-card .icon-wrap { flex-shrink: 0; }
|
|
|
|
|
|
|
| 120 |
|
| 121 |
/* Custom scrollbar */
|
| 122 |
::-webkit-scrollbar {
|
|
|
|
| 109 |
html.is-chrome body, html.is-chrome #root {
|
| 110 |
will-change: transform;
|
| 111 |
transform: translateZ(0);
|
| 112 |
+
contain: paint layout;
|
| 113 |
+
scroll-behavior: smooth;
|
| 114 |
+
-webkit-font-smoothing: antialiased;
|
| 115 |
}
|
| 116 |
|
| 117 |
/* Quick Actions alignment parity with Safari (Chrome only) */
|
| 118 |
html.is-chrome .qa-card { min-height: 128px; }
|
| 119 |
+
html.is-chrome .qa-card h3 { line-height: 1.25; font-weight: 600; }
|
| 120 |
html.is-chrome .qa-card p { line-height: 1.25; }
|
| 121 |
html.is-chrome .qa-card .icon-wrap { flex-shrink: 0; }
|
| 122 |
+
/* ensure identical spacing as Safari via explicit margins */
|
| 123 |
+
html.is-chrome .qa-card .icon-wrap + div { margin-left: 1rem; }
|
| 124 |
|
| 125 |
/* Custom scrollbar */
|
| 126 |
::-webkit-scrollbar {
|
client/src/index.tsx
CHANGED
|
@@ -9,10 +9,12 @@ import App from './App';
|
|
| 9 |
(() => {
|
| 10 |
try {
|
| 11 |
const ua = navigator.userAgent;
|
| 12 |
-
const
|
|
|
|
| 13 |
// On iOS, all browsers are Safari WebKit; avoid applying on iOS
|
| 14 |
const isIOS = /iPhone|iPad|iPod/.test(ua);
|
| 15 |
-
|
|
|
|
| 16 |
document.documentElement.classList.add('is-chrome');
|
| 17 |
}
|
| 18 |
} catch {}
|
|
|
|
| 9 |
(() => {
|
| 10 |
try {
|
| 11 |
const ua = navigator.userAgent;
|
| 12 |
+
const isChromiumFamily = /Chrome\/\d+/.test(ua) && !/Edg\//.test(ua) && !/OPR\//.test(ua);
|
| 13 |
+
const isGoogleVendor = (navigator.vendor || '').includes('Google');
|
| 14 |
// On iOS, all browsers are Safari WebKit; avoid applying on iOS
|
| 15 |
const isIOS = /iPhone|iPad|iPod/.test(ua);
|
| 16 |
+
const isChrome = isChromiumFamily && isGoogleVendor && !isIOS;
|
| 17 |
+
if (isChrome) {
|
| 18 |
document.documentElement.classList.add('is-chrome');
|
| 19 |
}
|
| 20 |
} catch {}
|