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

fix: theme button width (#2202)

Browse Source
This commit is contained in:
Fangdun Tsai
2023-04-30 14:51:33 +08:00
committed by GitHub
parent 9030767d16
commit 850cfe1187
2 changed files with 5 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
apps/web/src/components/blocksuite/workspace-header/header-right-items/theme-mode-switch/style.ts
View File

@@ -17,6 +17,7 @@ export const StyledThemeModeContainer = styled('div')(() => {
}); });
export const StyledThemeButtonContainer = styled('div')(() => { export const StyledThemeButtonContainer = styled('div')(() => {
return { return {
height: '32px',
border: `1px solid var(--affine-border-color)`, border: `1px solid var(--affine-border-color)`,
borderRadius: '4px', borderRadius: '4px',
cursor: 'pointer', cursor: 'pointer',
@@ -29,6 +30,8 @@ export const StyledThemeButton = styled('button')<{
active: boolean; active: boolean;
}>(({ active }) => { }>(({ active }) => {
return { return {
height: '100%',
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)',
}; };
@@ -36,7 +39,7 @@ export const StyledThemeButton = styled('button')<{
export const StyledVerticalDivider = styled('div')(() => { export const StyledVerticalDivider = styled('div')(() => {
return { return {
width: '1px', width: '1px',
height: '32px', height: '100%',
borderLeft: `1px solid var(--affine-border-color)`, borderLeft: `1px solid var(--affine-border-color)`,
}; };
}); });

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

@@ -15,6 +15,7 @@ export const StyledMenuWrapper = styled(StyledPopperContainer)<{
fontSize: '14px', fontSize: '14px',
backgroundColor: 'var(--affine-white)', backgroundColor: 'var(--affine-white)',
boxShadow: 'var(--affine-menu-shadow)', boxShadow: 'var(--affine-menu-shadow)',
userSelect: 'none',
}; };
}); });