mirror of
https://github.com/zhigang1992/react.git
synced 2026-04-29 04:35:32 +08:00
chore: migrate to geist ui
This commit is contained in:
@@ -15,7 +15,7 @@ initialize {
|
||||
|
||||
html {
|
||||
font-size: 16px;
|
||||
--zeit-icons-background: #fff;
|
||||
--geist-icons-background: #fff;
|
||||
}
|
||||
|
||||
body {
|
||||
@@ -349,7 +349,7 @@ initialize {
|
||||
|
||||
html {
|
||||
font-size: 16px;
|
||||
--zeit-icons-background: #000;
|
||||
--geist-icons-background: #000;
|
||||
}
|
||||
|
||||
body {
|
||||
|
||||
@@ -1,22 +1,22 @@
|
||||
import React from 'react'
|
||||
import { render } from 'enzyme'
|
||||
import { CssBaseline, ZeitProvider } from 'components'
|
||||
import { CssBaseline, GeistProvider } from 'components'
|
||||
|
||||
describe('CSSBaseline', () => {
|
||||
it('should render correctly', () => {
|
||||
const wrapper = render(
|
||||
<ZeitProvider>
|
||||
<GeistProvider>
|
||||
<CssBaseline />
|
||||
</ZeitProvider>,
|
||||
</GeistProvider>,
|
||||
)
|
||||
expect(wrapper).toMatchSnapshot()
|
||||
})
|
||||
|
||||
it('should render dark mode correctly', () => {
|
||||
const wrapper = render(
|
||||
<ZeitProvider theme={{ type: 'dark' }}>
|
||||
<GeistProvider theme={{ type: 'dark' }}>
|
||||
<CssBaseline />
|
||||
</ZeitProvider>,
|
||||
</GeistProvider>,
|
||||
)
|
||||
expect(wrapper).toMatchSnapshot()
|
||||
})
|
||||
|
||||
@@ -18,7 +18,7 @@ const CssBaseline: React.FC<React.PropsWithChildren<{}>> = ({ children }) => {
|
||||
|
||||
html {
|
||||
font-size: 16px;
|
||||
--zeit-icons-background: ${theme.palette.background};
|
||||
--geist-icons-background: ${theme.palette.background};
|
||||
}
|
||||
|
||||
body {
|
||||
|
||||
Reference in New Issue
Block a user