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')(() => {
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)`,
};
});