mirror of
https://github.com/revoltchat/revite.git
synced 2025-01-15 17:01:33 -05:00
33 lines
678 B
TypeScript
33 lines
678 B
TypeScript
|
import styled, { css } from "styled-components";
|
||
|
|
|
||
|
|
interface Props {
|
||
|
|
background?: boolean;
|
||
|
|
placement: 'primary' | 'secondary'
|
||
|
|
}
|
||
|
|
|
||
|
|
export default styled.div<Props>`
|
||
|
|
height: 56px;
|
||
|
|
font-weight: 600;
|
||
|
|
user-select: none;
|
||
|
|
|
||
|
|
gap: 10px;
|
||
|
|
flex: 0 auto;
|
||
|
|
display: flex;
|
||
|
|
padding: 20px;
|
||
|
|
flex-shrink: 0;
|
||
|
|
align-items: center;
|
||
|
|
|
||
|
|
background-color: var(--primary-background);
|
||
|
|
background-size: cover !important;
|
||
|
|
background-position: center !important;
|
||
|
|
|
||
|
|
${ props => props.background && css`
|
||
|
|
height: 120px;
|
||
|
|
align-items: flex-end;
|
||
|
|
` }
|
||
|
|
|
||
|
|
${ props => props.placement === 'secondary' && css`
|
||
|
|
padding: 14px;
|
||
|
|
` }
|
||
|
|
`;
|