mirror of
https://github.com/toeverything/AFFiNE.git
synced 2026-09-06 00:41:39 +08:00
style: change switch tip color (#3123)
(cherry picked from commit 812e0e9c9a)
This commit is contained in:
@@ -19,9 +19,10 @@ export type EditorModeSwitchProps = {
|
|||||||
style?: CSSProperties;
|
style?: CSSProperties;
|
||||||
};
|
};
|
||||||
const TooltipContent = () => {
|
const TooltipContent = () => {
|
||||||
|
const t = useAFFiNEI18N();
|
||||||
return (
|
return (
|
||||||
<div>
|
<div>
|
||||||
Switch
|
{t['Switch']()}
|
||||||
<StyledKeyboardItem>
|
<StyledKeyboardItem>
|
||||||
{!environment.isServer && environment.isMacOs ? '⌥ + S' : 'Alt + S'}
|
{!environment.isServer && environment.isMacOs ? '⌥ + S' : 'Alt + S'}
|
||||||
</StyledKeyboardItem>
|
</StyledKeyboardItem>
|
||||||
|
|||||||
@@ -56,11 +56,11 @@ export const StyledSwitchItem = styled('button')<{
|
|||||||
|
|
||||||
export const StyledKeyboardItem = styled('span')(() => {
|
export const StyledKeyboardItem = styled('span')(() => {
|
||||||
return {
|
return {
|
||||||
marginLeft: '5px',
|
marginLeft: '10px',
|
||||||
fontSize: '4px',
|
fontSize: 'var(--affine-font-xs)',
|
||||||
paddingLeft: '5px',
|
paddingLeft: '5px',
|
||||||
paddingRight: '5px',
|
paddingRight: '5px',
|
||||||
backgroundColor: '#55545A',
|
backgroundColor: 'var(--affine-white-10)',
|
||||||
borderRadius: '4px',
|
borderRadius: '4px',
|
||||||
};
|
};
|
||||||
});
|
});
|
||||||
|
|||||||
Reference in New Issue
Block a user