luulam/AFFiNE
1
0
Fork 0
Code Issues Pull Requests Actions 2 Packages Projects Releases Wiki Activity

chore: update quick search style (#1376)

Browse Source
This commit is contained in:
JimmFly
2023-03-07 19:30:58 +08:00
committed by GitHub
parent bc9d470d08
commit 83e1cd9274
2 changed files with 39 additions and 33 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
apps/web/src/components/pure/quick-search-modal/Results.tsx
View File

@@ -96,7 +96,8 @@ export const Results: React.FC<ResultsProps> = ({
) )
) : ( ) : (
<div> <div>
<Command.Group heading={t('Recently viewed')}> {recentlyViewed.length > 0 && (
<Command.Group heading={t('Recent')}>
{recentlyViewed.map(recent => { {recentlyViewed.map(recent => {
return ( return (
<Command.Item <Command.Item
@@ -125,6 +126,8 @@ export const Results: React.FC<ResultsProps> = ({
); );
})} })}
</Command.Group> </Command.Group>
)}
<Command.Group heading={t('Jump to')}> <Command.Group heading={t('Jump to')}>
{List.map(link => { {List.map(link => {
return ( return (

11
apps/web/src/components/pure/quick-search-modal/style.ts
View File

@@ -8,13 +8,16 @@ export const StyledContent = styled('div')(({ theme }) => {
overflow: 'auto', overflow: 'auto',
marginBottom: '10px', marginBottom: '10px',
...displayFlex('center', 'flex-start'), ...displayFlex('center', 'flex-start'),
color: theme.colors.popoverColor, color: theme.colors.textColor,
transition: 'all 0.15s', transition: 'all 0.15s',
letterSpacing: '0.06em', letterSpacing: '0.06em',
'[cmdk-group-heading]': { '[cmdk-group-heading]': {
margin: '5px 16px', ...displayFlex('start', 'center'),
fontSize: theme.font.base, margin: '0 16px',
fontWeight: '500', height: '36px',
lineHeight: '22px',
fontSize: theme.font.sm,
color: theme.colors.secondaryTextColor,
}, },
'[aria-selected="true"]': { '[aria-selected="true"]': {
borderRadius: '5px', borderRadius: '5px',