mirror of
https://github.com/toeverything/AFFiNE.git
synced 2026-07-13 08:06:24 +08:00
Himself65
67 lines
1.3 KiB
TypeScript
67 lines
1.3 KiB
TypeScript
import { style } from '@vanilla-extract/css';
|
|
|
|
export const tabStyle = style({
|
|
display: 'flex',
|
|
flex: '1',
|
|
width: '100%',
|
|
padding: '0 10px',
|
|
margin: '0',
|
|
justifyContent: 'center',
|
|
alignItems: 'center',
|
|
position: 'relative',
|
|
});
|
|
|
|
export const menuItemStyle = style({
|
|
padding: '4px 18px',
|
|
paddingBottom: '16px',
|
|
width: '100%',
|
|
});
|
|
|
|
export const descriptionStyle = style({
|
|
wordWrap: 'break-word',
|
|
// wordBreak: 'break-all',
|
|
fontSize: '16px',
|
|
marginTop: '16px',
|
|
marginBottom: '16px',
|
|
});
|
|
|
|
export const buttonStyle = style({
|
|
marginTop: '18px',
|
|
// todo: new color scheme should be used
|
|
});
|
|
|
|
export const actionsStyle = style({
|
|
display: 'flex',
|
|
gap: '9px',
|
|
flexDirection: 'column',
|
|
justifyContent: 'center',
|
|
alignItems: 'flex-start',
|
|
});
|
|
|
|
export const containerStyle = style({
|
|
display: 'flex',
|
|
width: '100%',
|
|
flexDirection: 'column',
|
|
});
|
|
export const indicatorContainerStyle = style({
|
|
position: 'relative',
|
|
});
|
|
export const inputButtonRowStyle = style({
|
|
display: 'flex',
|
|
justifyContent: 'center',
|
|
alignItems: 'center',
|
|
marginTop: '16px',
|
|
});
|
|
export const exportButtonStyle = style({
|
|
display: 'flex',
|
|
justifyContent: 'center',
|
|
alignItems: 'center',
|
|
padding: '0',
|
|
border: 'none',
|
|
});
|
|
export const svgStyle = style({
|
|
fontSize: '20px',
|
|
marginRight: '12px',
|
|
verticalAlign: 'top',
|
|
});
|