cerc-io/icns-frontend
16
0
Fork 0
forked from LaconicNetwork/icns-frontend
Code Pull Requests Actions Activity

Fix styles(background, skeleton)

Browse Source
This commit is contained in:
HeesungB 2022-12-16 18:21:35 +09:00
parent 41c4ed39ec
commit b4bf1f4ee8
2 changed files with 67 additions and 69 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
components/skeleton/skeleton-chain-list.tsx
View File

@ -27,8 +27,8 @@ import {
} from "../chain-list"; } from "../chain-list";
export const SkeletonChainList: FunctionComponent = () => ( export const SkeletonChainList: FunctionComponent = () => (
<SkeletonContainer>
<ContentContainer> <ContentContainer>
<SkeletonContainer>
<ProfileContainer color={color.grey["700"]}> <ProfileContainer color={color.grey["700"]}>
<SkeletonCircle width="5.5rem" height="5.5rem" /> <SkeletonCircle width="5.5rem" height="5.5rem" />
@ -48,6 +48,7 @@ export const SkeletonChainList: FunctionComponent = () => (
<SkeletonText width="20rem" height="1rem" /> <SkeletonText width="20rem" height="1rem" />
</ProfileContentContainer> </ProfileContentContainer>
</ProfileContainer> </ProfileContainer>
</SkeletonContainer>
<ChainListTitleContainer> <ChainListTitleContainer>
<SkeletonTitle /> <SkeletonTitle />
@ -121,11 +122,11 @@ export const SkeletonChainList: FunctionComponent = () => (
</ButtonContainer> </ButtonContainer>
</SkeletonButtonContainer> </SkeletonButtonContainer>
</ContentContainer> </ContentContainer>
</SkeletonContainer>
); );
const SkeletonContainer = styled.div` const SkeletonContainer = styled.div`
padding: 2.4rem 0; width: 100%;
padding-top: 2.4rem;
`; `;
const SkeletonTitle = styled.div` const SkeletonTitle = styled.div`

3
pages/_app.tsx
View File

@ -3,7 +3,6 @@ import { useRouter } from "next/router";
import React, { useMemo } from "react"; import React, { useMemo } from "react";
import { DefaultTheme, ThemeProvider } from "styled-components"; import { DefaultTheme, ThemeProvider } from "styled-components";
import ErrorBoundary from "../components/error-boundary"; import ErrorBoundary from "../components/error-boundary";
import { PageBackground } from "../styles/background";
import { GlobalStyle } from "../styles/global"; import { GlobalStyle } from "../styles/global";
@ -29,9 +28,7 @@ export default function App({ Component, pageProps }: AppProps) {
<React.Fragment> <React.Fragment>
<GlobalStyle /> <GlobalStyle />
<ErrorBoundary> <ErrorBoundary>
<PageBackground>
<Component {...pageProps} /> <Component {...pageProps} />
</PageBackground>
</ErrorBoundary> </ErrorBoundary>
</React.Fragment> </React.Fragment>
</ThemeProvider> </ThemeProvider>