fix: add font weight range & remove default button style

majority-elite · Aug 16, 2024 · 3942a96 · 3942a96
1 parent 2d24590
commit 3942a96
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 0 deletions.
diff --git a/app/components/common/Button/Button.css.ts b/app/components/common/Button/Button.css.ts
@@ -5,6 +5,8 @@ import { getMediaQuery, rgba } from '@/utils/style';
 
 export const buttonBase = style({
   cursor: 'pointer',
+  appearance: 'none',
+  WebkitAppearance: 'none',
   ':disabled': {
     cursor: 'not-allowed',
   },

diff --git a/app/root.css.ts b/app/root.css.ts
@@ -3,6 +3,8 @@ import SUITVariable from '@/assets/SUIT-Variable.woff2';
 
 globalFontFace('SUIT-Variable', {
   src: `url(${SUITVariable}) format('woff2')`,
+  /** @link https://stackoverflow.com/questions/77467442/font-weight-too-bold-on-mobile */
+  fontWeight: '100 900',
 });
 
 globalStyle('*, *::before, *::after', {