Jayden/AFFiNE-Mirror
0
0
Fork 0
mirror of https://github.com/toeverything/AFFiNE.git synced 2026-09-07 01:09:54 +08:00
Code Issues Packages Projects Releases Wiki Activity

chore: update font size of quick search (#919)

Browse Source
This commit is contained in:
JimmFly
2023-02-09 13:54:55 +08:00
committed by GitHub
parent c129c92e39
commit 2bde086e28
2 changed files with 11 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/app/src/components/quick-search/style.ts
+7 -7
View File
@@ -13,7 +13,7 @@ export const StyledContent = styled('div')(({ theme }) => {
letterSpacing: '0.06em', letterSpacing: '0.06em',
'[cmdk-group-heading]': { '[cmdk-group-heading]': {
margin: '5px 16px', margin: '5px 16px',
fontSize: theme.font.sm, fontSize: theme.font.base,
fontWeight: '500', fontWeight: '500',
}, },
'[aria-selected="true"]': { '[aria-selected="true"]': {
@@ -28,7 +28,7 @@ export const StyledJumpTo = styled('div')(({ theme }) => {
...displayFlex('center', 'start'), ...displayFlex('center', 'start'),
flexDirection: 'column', flexDirection: 'column',
padding: '10px 10px 10px 0', padding: '10px 10px 10px 0',
fontSize: theme.font.sm, fontSize: theme.font.base,
strong: { strong: {
fontWeight: '500', fontWeight: '500',
marginBottom: '10px', marginBottom: '10px',
@@ -41,7 +41,7 @@ export const StyledNotFound = styled('div')(({ theme }) => {
...displayFlex('center', 'center'), ...displayFlex('center', 'center'),
flexDirection: 'column', flexDirection: 'column',
padding: '5px 16px', padding: '5px 16px',
fontSize: theme.font.sm, fontSize: theme.font.base,
span: { span: {
width: '100%', width: '100%',
fontWeight: '500', fontWeight: '500',
@@ -75,7 +75,7 @@ export const StyledInputContent = styled('div')(({ theme }) => {
export const StyledShortcut = styled('div')(({ theme }) => { export const StyledShortcut = styled('div')(({ theme }) => {
return { return {
color: theme.colors.placeHolderColor, color: theme.colors.placeHolderColor,
fontSize: theme.font.sm, fontSize: theme.font.base,
whiteSpace: 'nowrap', whiteSpace: 'nowrap',
}; };
}); });
@@ -109,7 +109,7 @@ export const StyledModalDivider = styled('div')(({ theme }) => {
export const StyledModalFooter = styled('div')(({ theme }) => { export const StyledModalFooter = styled('div')(({ theme }) => {
return { return {
fontSize: theme.font.sm, fontSize: theme.font.base,
lineHeight: '22px', lineHeight: '22px',
marginBottom: '8px', marginBottom: '8px',
textAlign: 'center', textAlign: 'center',
@@ -127,7 +127,7 @@ export const StyledModalFooterContent = styled.button(({ theme }) => {
return { return {
width: '612px', width: '612px',
height: '32px', height: '32px',
fontSize: theme.font.sm, fontSize: theme.font.base,
lineHeight: '22px', lineHeight: '22px',
textAlign: 'center', textAlign: 'center',
...displayFlex('center', 'center'), ...displayFlex('center', 'center'),
@@ -144,7 +144,7 @@ export const StyledListItem = styled.button(({ theme }) => {
return { return {
width: '612px', width: '612px',
height: '32px', height: '32px',
fontSize: theme.font.sm, fontSize: theme.font.base,
color: 'inherit', color: 'inherit',
paddingLeft: '12px', paddingLeft: '12px',
borderRadius: '5px', borderRadius: '5px',
packages/component/src/styles/helper.ts
+4 -4
View File
@@ -60,8 +60,8 @@ export const absoluteCenter = ({
position: 'absolute', position: 'absolute',
left: left ? left : horizontal ? '50%' : 'auto', left: left ? left : horizontal ? '50%' : 'auto',
top: top ? top : vertical ? '50%' : 'auto', top: top ? top : vertical ? '50%' : 'auto',
right: right ? right : horizontal ? 'auto' : 'auto', right: right ? right : 'auto',
bottom: bottom ? bottom : vertical ? 'auto' : 'auto', bottom: bottom ? bottom : 'auto',
transform: `translate(${horizontal ? '-50%' : '0'}, ${ transform: `translate(${horizontal ? '-50%' : '0'}, ${
vertical ? '-50%' : '0' vertical ? '-50%' : '0'
})`, })`,
@@ -92,8 +92,8 @@ export const fixedCenter = ({
position: 'fixed', position: 'fixed',
left: left ? left : horizontal ? '50%' : 'auto', left: left ? left : horizontal ? '50%' : 'auto',
top: top ? top : vertical ? '50%' : 'auto', top: top ? top : vertical ? '50%' : 'auto',
right: right ? right : horizontal ? 'auto' : 'auto', right: right ? right : 'auto',
bottom: bottom ? bottom : vertical ? 'auto' : 'auto', bottom: bottom ? bottom : 'auto',
transform: `translate(${horizontal ? '-50%' : '0'}, ${ transform: `translate(${horizontal ? '-50%' : '0'}, ${
vertical ? '-50%' : '0' vertical ? '-50%' : '0'
})`, })`,