Jayden/AFFiNE-Mirror
1
0
Fork 0
mirror of https://github.com/toeverything/AFFiNE.git synced 2026-02-14 13:25:12 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: modify option menu style (#1506)

Browse Source
This commit is contained in:
Qi
2023-03-10 16:26:54 +08:00
committed by GitHub
parent eb0d6ee08e
commit b6a9366684
3 changed files with 21 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
packages/component/src/ui/menu/styles.ts
View File

@@ -1,10 +1,14 @@
import { ArrowRightSmallIcon } from '@blocksuite/icons';
import { CSSProperties } from 'react';
import { displayFlex, styled } from '../../styles';
import StyledPopperContainer from '../shared/Container';
export const StyledMenuWrapper = styled(StyledPopperContainer)(({ theme }) => {
export const StyledMenuWrapper = styled(StyledPopperContainer)<{
width?: CSSProperties['width'];
}>(({ theme, width }) => {
return {
width,
background: theme.colors.popoverBackground,
padding: '8px 4px',
fontSize: '14px',
@@ -16,10 +20,11 @@ export const StyledMenuWrapper = styled(StyledPopperContainer)(({ theme }) => {
export const StyledArrow = styled(ArrowRightSmallIcon)({
position: 'absolute',
right: 0,
right: '12px',
top: 0,
bottom: 0,
margin: 'auto',
fontSize: '20px',
});
export const StyledMenuItem = styled('button')<{
@@ -29,7 +34,7 @@ export const StyledMenuItem = styled('button')<{
width: '100%',
borderRadius: '5px',
padding: '0 14px',
fontSize: '14px',
fontSize: theme.font.base,
height: '32px',
...displayFlex('flex-start', 'center'),
cursor: isDir ? 'pointer' : '',