mirror of
https://github.com/toeverything/AFFiNE.git
synced 2026-02-11 20:08:37 +00:00
41 lines
881 B
TypeScript
41 lines
881 B
TypeScript
import { style } from '@vanilla-extract/css';
|
|
|
|
export const dropdownBtn = style({
|
|
display: 'inline-flex',
|
|
alignItems: 'center',
|
|
justifyContent: 'center',
|
|
padding: '0 10px',
|
|
gap: '4px',
|
|
color: 'var(--affine-text-primary-color)',
|
|
fontWeight: 600,
|
|
background: 'var(--affine-button-gray-color)',
|
|
boxShadow: 'var(--affine-float-button-shadow)',
|
|
borderRadius: '8px',
|
|
fontSize: 'var(--affine-font-sm)',
|
|
// width: '100%',
|
|
height: '32px',
|
|
userSelect: 'none',
|
|
whiteSpace: 'nowrap',
|
|
cursor: 'pointer',
|
|
selectors: {
|
|
'&:hover': {
|
|
background: 'var(--affine-hover-color)',
|
|
},
|
|
},
|
|
});
|
|
|
|
export const divider = style({
|
|
width: '0.5px',
|
|
height: '16px',
|
|
background: 'var(--affine-border-color)',
|
|
});
|
|
|
|
export const icon = style({
|
|
borderRadius: '4px',
|
|
selectors: {
|
|
'&:hover': {
|
|
background: 'var(--affine-hover-color)',
|
|
},
|
|
},
|
|
});
|