0b889ef089
* Add create billing portal session endpoint * Rename checkout to checkoutSession * Add billig portal query in twenty-front * Add billing menu item * WIP: add menu page * Code review returns * Rename request files * Unwip: add menu page * Add billing cover image * Fix icon imports * Rename parameter * Add feature flag soon pill
23 lines
658 B
TypeScript
23 lines
658 B
TypeScript
import styled from '@emotion/styled';
|
|
|
|
import DarkCoverImage from '@/billing/assets/cover-dark.png';
|
|
import LightCoverImage from '@/billing/assets/cover-light.png';
|
|
|
|
const StyledCoverImageContainer = styled.div`
|
|
align-items: center;
|
|
background-image: ${({ theme }) =>
|
|
theme.name === 'light'
|
|
? `url('${LightCoverImage.toString()}')`
|
|
: `url('${DarkCoverImage.toString()}')`};
|
|
background-size: contain;
|
|
background-repeat: no-repeat;
|
|
box-sizing: border-box;
|
|
display: flex;
|
|
height: 162px;
|
|
justify-content: center;
|
|
position: relative;
|
|
`;
|
|
export const SettingsBillingCoverImage = () => {
|
|
return <StyledCoverImageContainer />;
|
|
};
|