From c38771a6aaff3521d3ddebf18caeee49c8362737 Mon Sep 17 00:00:00 2001 From: Moody Salem Date: Mon, 31 May 2021 21:10:36 -0500 Subject: [PATCH] refactor: remove the fixed global style component (#1772) * chore: remove the fixed global style component * move it to a more appropriate place * move some css around * add an element that triggers the font to immediately load * some more nit refactoring * style * move the radial gradient into the index.css file * try overriding the font display attribute of the inter family * remove font-display rule --- .storybook/preview.tsx | 5 +- public/index.html | 10 +++- src/components/ErrorBoundary/index.tsx | 3 +- src/components/Modal/index.tsx | 1 - src/index.css | 46 ++++++++++++++++++ src/index.tsx | 5 +- src/pages/App.tsx | 2 - src/theme/index.tsx | 65 +------------------------- 8 files changed, 62 insertions(+), 75 deletions(-) create mode 100644 src/index.css diff --git a/.storybook/preview.tsx b/.storybook/preview.tsx index bd59dc83ea..0b1e0305df 100644 --- a/.storybook/preview.tsx +++ b/.storybook/preview.tsx @@ -1,4 +1,4 @@ -import 'inter-ui' +import '../src/index.css' import { Story } from '@storybook/react/types-6-0' import { createWeb3ReactRoot, Web3ReactProvider } from '@web3-react/core' import React from 'react' @@ -6,7 +6,7 @@ import { Provider as StoreProvider } from 'react-redux' import { ThemeProvider as SCThemeProvider } from 'styled-components' import { NetworkContextName } from '../src/constants/misc' import store from '../src/state' -import { FixedGlobalStyle, theme, ThemedGlobalStyle } from '../src/theme' +import { theme, ThemedGlobalStyle } from '../src/theme' import getLibrary from '../src/utils/getLibrary' import * as storybookThemes from './theme' @@ -75,7 +75,6 @@ const withProviders = (Component: Story, context: Record) => { -
diff --git a/public/index.html b/public/index.html index 7edc59751e..f41b3ed46b 100644 --- a/public/index.html +++ b/public/index.html @@ -28,7 +28,15 @@ -
+ + +
+ +
X
+
+ +
+