mirror of
https://github.com/toeverything/AFFiNE.git
synced 2026-02-12 04:18:54 +00:00
43 lines
948 B
TypeScript
43 lines
948 B
TypeScript
import { globalStyle, style } from '@vanilla-extract/css';
|
|
|
|
export const settingContent = style({
|
|
flexGrow: '1',
|
|
height: '100%',
|
|
padding: '40px 15px 20px',
|
|
overflow: 'auto',
|
|
});
|
|
|
|
globalStyle(`${settingContent} .wrapper`, {
|
|
width: '66%',
|
|
minWidth: '450px',
|
|
height: '100%',
|
|
maxWidth: '560px',
|
|
margin: '0 auto',
|
|
});
|
|
|
|
globalStyle(`${settingContent} .wrapper::-webkit-scrollbar`, {
|
|
display: 'none',
|
|
});
|
|
globalStyle(`${settingContent} .content`, {
|
|
minHeight: '100%',
|
|
paddingBottom: '80px',
|
|
});
|
|
globalStyle(`${settingContent} .footer`, {
|
|
cursor: 'pointer',
|
|
paddingTop: '40px',
|
|
marginTop: '-80px',
|
|
fontSize: 'var(--affine-font-sm)',
|
|
display: 'flex',
|
|
});
|
|
|
|
globalStyle(`${settingContent} .footer a`, {
|
|
color: 'var(--affine-text-primary-color)',
|
|
});
|
|
|
|
globalStyle(`${settingContent} .footer > svg`, {
|
|
fontSize: 'var(--affine-font-base)',
|
|
color: 'var(--affine-icon-color)',
|
|
marginRight: '12px',
|
|
marginTop: '2px',
|
|
});
|