Jayden/AFFiNE-Mirror
0
0
Fork 0
mirror of https://github.com/toeverything/AFFiNE.git synced 2026-07-17 01:56:27 +08:00
Code Issues Packages Projects Releases Wiki Activity

chore: bump version (#3041)

Browse Source
This commit is contained in:
Alex Yang
2023-07-06 11:49:17 +08:00
committed by GitHub
parent e95d28e136
commit fa1cd87348
44 changed files with 508 additions and 495 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/component/src/ui/menu/styles.ts
+41 -43
View File
@@ -54,53 +54,51 @@ export const StyledMenuItem = styled('button')<{
disabled?: boolean;
active?: boolean;
disableHover?: boolean;
}>(
({
isDir = false,
disabled = false,
active = false,
disableHover = false,
}) => {
return {
width: '100%',
borderRadius: '5px',
padding: '0 14px',
fontSize: 'var(--affine-font-base)',
height: '32px',
...displayFlex('flex-start', 'center'),
cursor: isDir ? 'pointer' : '',
position: 'relative',
backgroundColor: 'transparent',
}>(({
isDir = false,
disabled = false,
active = false,
disableHover = false,
}) => {
return {
width: '100%',
borderRadius: '5px',
padding: '0 14px',
fontSize: 'var(--affine-font-base)',
height: '32px',
...displayFlex('flex-start', 'center'),
cursor: isDir ? 'pointer' : '',
position: 'relative',
backgroundColor: 'transparent',
color: disabled
? 'var(--affine-text-disable-color)'
: 'var(--affine-text-primary-color)',
svg: {
color: disabled
? 'var(--affine-text-disable-color)'
: 'var(--affine-text-primary-color)',
svg: {
color: disabled
? 'var(--affine-text-disable-color)'
: 'var(--affine-icon-color)',
},
...(disabled
? {
cursor: 'not-allowed',
pointerEvents: 'none',
}
: {}),
: 'var(--affine-icon-color)',
},
...(disabled
? {
cursor: 'not-allowed',
pointerEvents: 'none',
}
: {}),
':hover':
disabled || disableHover
? {}
: {
backgroundColor: 'var(--affine-hover-color)',
},
...(active && !disabled
? {
':hover':
disabled || disableHover
? {}
: {
backgroundColor: 'var(--affine-hover-color)',
}
: {}),
};
}
);
},
...(active && !disabled
? {
backgroundColor: 'var(--affine-hover-color)',
}
: {}),
};
});
export const StyledButton = styled(Button)(() => {
return {