kylefang/connect
1
0
Fork 0
mirror of https://github.com/zhigang1992/connect.git synced 2026-01-12 22:46:28 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix: replace css-reset with scoped version

Browse Source
This commit is contained in:
Thomas Osmonson
2020-02-21 15:22:38 -06:00
parent d236517498
commit 041f176c78
1 changed files with 26 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

42
src/react/components/modal/index.tsx
View File

@@ -1,5 +1,14 @@
import React from 'react';
import { Modal as BlockstackModal, ThemeProvider, theme, CSSReset, Flex, Box, Text, ChevronIcon } from '@blockstack/ui';
import {
Modal as BlockstackModal,
ThemeProvider,
theme,
ScopedCSSReset,
Flex,
Box,
Text,
ChevronIcon,
} from '@blockstack/ui';
import { useHover } from 'use-events';
import { Logo } from '../logo';
import { Intro } from '../screens/intro';
@@ -105,21 +114,22 @@ export const Modal = () => {
return (
<ThemeProvider theme={theme}>
<CSSReset />
<BlockstackModal
headerComponent={
<ModalHeader
close
hideTitleElements={screen === States.SCREENS_INTRO}
back={screen === States.SCREENS_HOW_IT_WORKS ? States.SCREENS_INTRO : undefined}
title={screen === States.SCREENS_SIGN_IN ? 'Sign In' : 'Secret Key'}
/>
}
close={doCloseAuth}
isOpen={isOpen}
>
<RenderScreen />
</BlockstackModal>
<ScopedCSSReset>
<BlockstackModal
headerComponent={
<ModalHeader
close
hideTitleElements={screen === States.SCREENS_INTRO}
back={screen === States.SCREENS_HOW_IT_WORKS ? States.SCREENS_INTRO : undefined}
title={screen === States.SCREENS_SIGN_IN ? 'Sign In' : 'Secret Key'}
/>
}
close={doCloseAuth}
isOpen={isOpen}
>
<RenderScreen />
</BlockstackModal>
</ScopedCSSReset>
</ThemeProvider>
);
};