mirror of
https://github.com/toeverything/AFFiNE.git
synced 2026-09-23 20:18:42 +08:00
@@ -18,6 +18,11 @@ export const iconPicker = style({
|
|||||||
lineHeight: 1,
|
lineHeight: 1,
|
||||||
color: cssVarV2.icon.primary,
|
color: cssVarV2.icon.primary,
|
||||||
});
|
});
|
||||||
|
|
||||||
|
export const iconContent = style({
|
||||||
|
display: 'contents',
|
||||||
|
});
|
||||||
|
|
||||||
globalStyle(`${iconPicker} span:has(svg)`, {
|
globalStyle(`${iconPicker} span:has(svg)`, {
|
||||||
lineHeight: 0,
|
lineHeight: 0,
|
||||||
});
|
});
|
||||||
|
|||||||
@@ -85,6 +85,7 @@ export const IconEditor = ({
|
|||||||
data-icon-type={icon?.type}
|
data-icon-type={icon?.type}
|
||||||
aria-label={icon ? 'Change Icon' : 'Select Icon'}
|
aria-label={icon ? 'Change Icon' : 'Select Icon'}
|
||||||
title={icon ? 'Change Icon' : 'Select Icon'}
|
title={icon ? 'Change Icon' : 'Select Icon'}
|
||||||
|
contentClassName={styles.iconContent}
|
||||||
>
|
>
|
||||||
<IconRenderer data={icon} fallback={iconPlaceholder} />
|
<IconRenderer data={icon} fallback={iconPlaceholder} />
|
||||||
</Button>
|
</Button>
|
||||||
|
|||||||
@@ -20,6 +20,7 @@ export const EmojiButton = memo(function EmojiButton({
|
|||||||
size={24}
|
size={24}
|
||||||
style={{ padding: 4 }}
|
style={{ padding: 4 }}
|
||||||
icon={<span>{emoji}</span>}
|
icon={<span>{emoji}</span>}
|
||||||
|
iconStyle={{ justifyContent: 'center' }}
|
||||||
onClick={handleClick}
|
onClick={handleClick}
|
||||||
/>
|
/>
|
||||||
);
|
);
|
||||||
|
|||||||
Reference in New Issue
Block a user