mirror of
https://github.com/toeverything/AFFiNE.git
synced 2026-02-17 14:27:02 +08:00
fix: text overflows in the header option menu (#2393)
This commit is contained in:
@@ -40,7 +40,6 @@ const CommonMenu = () => {
|
|||||||
return (
|
return (
|
||||||
<FlexWrapper alignItems="center" justifyContent="center">
|
<FlexWrapper alignItems="center" justifyContent="center">
|
||||||
<Menu
|
<Menu
|
||||||
width={276}
|
|
||||||
content={content}
|
content={content}
|
||||||
placement="bottom"
|
placement="bottom"
|
||||||
disablePortal={true}
|
disablePortal={true}
|
||||||
@@ -137,7 +136,6 @@ const PageMenu = () => {
|
|||||||
<>
|
<>
|
||||||
<FlexWrapper alignItems="center" justifyContent="center">
|
<FlexWrapper alignItems="center" justifyContent="center">
|
||||||
<Menu
|
<Menu
|
||||||
width={276}
|
|
||||||
content={EditMenu}
|
content={EditMenu}
|
||||||
placement="bottom-end"
|
placement="bottom-end"
|
||||||
disablePortal={true}
|
disablePortal={true}
|
||||||
|
|||||||
@@ -30,10 +30,12 @@ export const StyledThemeButton = styled('button')<{
|
|||||||
active: boolean;
|
active: boolean;
|
||||||
}>(({ active }) => {
|
}>(({ active }) => {
|
||||||
return {
|
return {
|
||||||
|
padding: '0 8px',
|
||||||
height: '100%',
|
height: '100%',
|
||||||
flex: 1,
|
flex: 1,
|
||||||
cursor: 'pointer',
|
cursor: 'pointer',
|
||||||
color: active ? 'var(--affine-primary-color)' : 'var(--affine-icon-color)',
|
color: active ? 'var(--affine-primary-color)' : 'var(--affine-icon-color)',
|
||||||
|
whiteSpace: 'nowrap',
|
||||||
};
|
};
|
||||||
});
|
});
|
||||||
export const StyledVerticalDivider = styled('div')(() => {
|
export const StyledVerticalDivider = styled('div')(() => {
|
||||||
|
|||||||
Reference in New Issue
Block a user