mirror of
https://github.com/toeverything/AFFiNE.git
synced 2026-02-12 04:18:54 +00:00
40 lines
832 B
TypeScript
40 lines
832 B
TypeScript
import { cssVarV2 } from '@toeverything/theme/v2';
|
|
import { style } from '@vanilla-extract/css';
|
|
|
|
import { globalVars } from '../../styles/mobile.css';
|
|
|
|
export const appTabs = style({
|
|
display: 'flex',
|
|
justifyContent: 'space-between',
|
|
alignItems: 'center',
|
|
|
|
backgroundColor: cssVarV2('layer/background/secondary'),
|
|
borderTop: `1px solid ${cssVarV2('layer/insideBorder/border')}`,
|
|
|
|
width: '100dvw',
|
|
height: globalVars.appTabHeight,
|
|
padding: 16,
|
|
gap: 15.5,
|
|
|
|
position: 'fixed',
|
|
bottom: 0,
|
|
zIndex: 1,
|
|
});
|
|
export const tabItem = style({
|
|
display: 'flex',
|
|
alignItems: 'center',
|
|
justifyContent: 'center',
|
|
width: 0,
|
|
flex: 1,
|
|
height: 36,
|
|
padding: 3,
|
|
fontSize: 30,
|
|
color: cssVarV2('icon/primary'),
|
|
|
|
selectors: {
|
|
'&[data-active="true"]': {
|
|
color: cssVarV2('button/primary'),
|
|
},
|
|
},
|
|
});
|