linguabot commited on
Commit
5734e6a
·
verified ·
1 Parent(s): 560b0d5

Upload folder using huggingface_hub

Browse files
Files changed (2) hide show
  1. client/src/index.css +6 -2
  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 isChromium = /Chrome\//.test(ua) && !/Edg\//.test(ua) && !/OPR\//.test(ua) && !/Safari\//.test(ua);
 
13
  // On iOS, all browsers are Safari WebKit; avoid applying on iOS
14
  const isIOS = /iPhone|iPad|iPod/.test(ua);
15
- if (isChromium && !isIOS) {
 
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 {}