mirror of
https://github.com/toeverything/AFFiNE.git
synced 2026-08-02 18:09:58 +08:00
Himself65
39 lines
815 B
TypeScript
39 lines
815 B
TypeScript
import { displayFlex, styled } from '@affine/component';
|
|
|
|
export const StyledTitle = styled.div(() => {
|
|
return {
|
|
...displayFlex('center', 'center'),
|
|
fontSize: '20px',
|
|
fontWeight: 500,
|
|
marginTop: '60px',
|
|
lineHeight: 1,
|
|
};
|
|
});
|
|
|
|
export const StyledContent = styled.div(() => {
|
|
return {
|
|
padding: '0 40px',
|
|
marginTop: '32px',
|
|
fontSize: '18px',
|
|
lineHeight: '25px',
|
|
'p:not(last-of-type)': {
|
|
marginBottom: '10px',
|
|
},
|
|
};
|
|
});
|
|
|
|
export const StyledButton = styled.div(({ theme }) => {
|
|
return {
|
|
width: '146px',
|
|
height: '42px',
|
|
background: theme.colors.primaryColor,
|
|
color: '#FFFFFF',
|
|
fontSize: '18px',
|
|
fontWeight: 500,
|
|
borderRadius: '21px',
|
|
margin: '52px auto 0',
|
|
cursor: 'pointer',
|
|
...displayFlex('center', 'center'),
|
|
};
|
|
});
|