diff --git a/packages/app/src/components/quick-search/style.ts b/packages/app/src/components/quick-search/style.ts index 700a6d3c06..c37e85e231 100644 --- a/packages/app/src/components/quick-search/style.ts +++ b/packages/app/src/components/quick-search/style.ts @@ -65,6 +65,7 @@ export const StyledInputContent = styled('div')(({ theme }) => { ...displayFlex('space-between', 'center'), letterSpacing: '0.06em', color: theme.colors.popoverColor, + '::placeholder': { color: theme.colors.placeHolderColor, }, diff --git a/packages/app/src/components/workspace-slider-bar/WorkspaceSelector/WorkspaceSelector.tsx b/packages/app/src/components/workspace-slider-bar/WorkspaceSelector/WorkspaceSelector.tsx index e530d8753b..d97eb8ceeb 100644 --- a/packages/app/src/components/workspace-slider-bar/WorkspaceSelector/WorkspaceSelector.tsx +++ b/packages/app/src/components/workspace-slider-bar/WorkspaceSelector/WorkspaceSelector.tsx @@ -35,7 +35,7 @@ export const WorkspaceSelector = () => { {currentWorkspace?.meta.name || (workspaceMeta?.type === WorkspaceType.Private && user ? user.name - : 'AFFINE')} + : 'AFFiNE')} diff --git a/packages/app/src/components/workspace-slider-bar/WorkspaceSelector/styles.ts b/packages/app/src/components/workspace-slider-bar/WorkspaceSelector/styles.ts index 75d16aa3ff..e9c231c69e 100644 --- a/packages/app/src/components/workspace-slider-bar/WorkspaceSelector/styles.ts +++ b/packages/app/src/components/workspace-slider-bar/WorkspaceSelector/styles.ts @@ -8,6 +8,9 @@ export const SelectorWrapper = styled('div')({ display: 'flex', flexDirection: 'row', alignItems: 'center', + ':hover': { + cursor: 'pointer', + }, }); export const Avatar = styled(MuiAvatar)({ diff --git a/packages/app/src/components/workspace-slider-bar/index.tsx b/packages/app/src/components/workspace-slider-bar/index.tsx index 966b1c971a..2d11c87fc9 100644 --- a/packages/app/src/components/workspace-slider-bar/index.tsx +++ b/packages/app/src/components/workspace-slider-bar/index.tsx @@ -88,6 +88,7 @@ export const WorkSpaceSliderBar = () => { { triggerQuickSearchModal(); }}