mirror of
https://github.com/toeverything/AFFiNE.git
synced 2024-12-23 00:41:50 +03:00
39 lines
778 B
TypeScript
39 lines
778 B
TypeScript
import { cssVarV2 } from '@toeverything/theme/v2';
|
|
import { createVar, style } from '@vanilla-extract/css';
|
|
|
|
export const sidebarOffsetVar = createVar();
|
|
|
|
export const root = style({
|
|
width: '100vw',
|
|
height: '100vh',
|
|
display: 'flex',
|
|
flexDirection: 'column',
|
|
background: cssVarV2('layer/background/primary'),
|
|
selectors: {
|
|
'&[data-translucent="true"]': {
|
|
background: 'transparent',
|
|
},
|
|
},
|
|
});
|
|
|
|
export const appTabsHeader = style({
|
|
zIndex: 1,
|
|
position: 'absolute',
|
|
top: 0,
|
|
});
|
|
|
|
export const fallbackRoot = style({
|
|
width: '100%',
|
|
height: '100%',
|
|
});
|
|
|
|
export const splitViewFallback = style({
|
|
width: '100%',
|
|
height: '100%',
|
|
position: 'absolute',
|
|
bottom: 0,
|
|
right: 0,
|
|
zIndex: 0,
|
|
background: cssVarV2('layer/background/primary'),
|
|
});
|