fix: add dark mode version of Settings Object cover image (#3079)
Fixes #3078
This commit is contained in:
Binary file not shown.
|
After Width: | Height: | Size: 75 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 78 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 154 KiB |
@ -8,11 +8,15 @@ import { Card } from '@/ui/layout/card/components/Card';
|
|||||||
import { AnimatedFadeOut } from '@/ui/utilities/animation/components/AnimatedFadeOut';
|
import { AnimatedFadeOut } from '@/ui/utilities/animation/components/AnimatedFadeOut';
|
||||||
import { cookieStorage } from '~/utils/cookie-storage';
|
import { cookieStorage } from '~/utils/cookie-storage';
|
||||||
|
|
||||||
import CoverImage from '../assets/cover.png';
|
import DarkCoverImage from '../assets/cover-dark.png';
|
||||||
|
import LightCoverImage from '../assets/cover-light.png';
|
||||||
|
|
||||||
const StyledCoverImageContainer = styled(Card)`
|
const StyledCoverImageContainer = styled(Card)`
|
||||||
align-items: center;
|
align-items: center;
|
||||||
background-image: url(${CoverImage.toString()});
|
background-image: ${({ theme }) =>
|
||||||
|
theme.name === 'light'
|
||||||
|
? `url('${LightCoverImage.toString()}')`
|
||||||
|
: `url('${DarkCoverImage.toString()}')`};
|
||||||
background-size: cover;
|
background-size: cover;
|
||||||
border-radius: ${({ theme }) => theme.border.radius.md};
|
border-radius: ${({ theme }) => theme.border.radius.md};
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
|
|||||||
Reference in New Issue
Block a user