forked from abner/for-legacy-web
fix(discover): changed background color on load
parent
d6a541f380
commit
9c8de2b454
|
|
@ -32,7 +32,7 @@ const Container = styled.div`
|
||||||
background: var(--background);
|
background: var(--background);
|
||||||
`
|
`
|
||||||
: css`
|
: css`
|
||||||
background: var(--secondary-background);
|
background: var(--background);
|
||||||
`}
|
`}
|
||||||
`;
|
`;
|
||||||
|
|
||||||
|
|
@ -42,6 +42,7 @@ const Frame = styled.iframe<{ loaded: boolean }>`
|
||||||
${() =>
|
${() =>
|
||||||
!isTouchscreenDevice &&
|
!isTouchscreenDevice &&
|
||||||
css`
|
css`
|
||||||
|
background: var(--secondary-background);
|
||||||
border-start-start-radius: 8px;
|
border-start-start-radius: 8px;
|
||||||
border-end-start-radius: 8px;
|
border-end-start-radius: 8px;
|
||||||
`}
|
`}
|
||||||
|
|
@ -58,6 +59,14 @@ const Frame = styled.iframe<{ loaded: boolean }>`
|
||||||
|
|
||||||
const Loader = styled.div`
|
const Loader = styled.div`
|
||||||
flex-grow: 1;
|
flex-grow: 1;
|
||||||
|
|
||||||
|
${() =>
|
||||||
|
!isTouchscreenDevice &&
|
||||||
|
css`
|
||||||
|
background: var(--secondary-background);
|
||||||
|
border-start-start-radius: 8px;
|
||||||
|
border-end-start-radius: 8px;
|
||||||
|
`}
|
||||||
`;
|
`;
|
||||||
|
|
||||||
const TRUSTED_HOSTS = [
|
const TRUSTED_HOSTS = [
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue