toeverything/AFFiNE
1
1
Fork 0
mirror of https://github.com/toeverything/AFFiNE.git synced 2024-11-24 03:26:31 +03: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
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 5 additions and 1 deletions
Show Stats 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')(() => {
return {
height: '32px',
border: `1px solid var(--affine-border-color)`,
borderRadius: '4px',
cursor: 'pointer',
@ -29,6 +30,8 @@ export const StyledThemeButton = styled('button')<{
active: boolean;
}>(({ active }) => {
return {
height: '100%',
flex: 1,
cursor: 'pointer',
color: active ? 'var(--affine-primary-color)' : 'var(--affine-icon-color)',
};
@ -36,7 +39,7 @@ export const StyledThemeButton = styled('button')<{
export const StyledVerticalDivider = styled('div')(() => {
return {
width: '1px',
height: '32px',
height: '100%',
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',
backgroundColor: 'var(--affine-white)',
boxShadow: 'var(--affine-menu-shadow)',
userSelect: 'none',
};
});