fix: modify icons (#1184)

This commit is contained in:
Qi
2023-02-23 19:37:09 +08:00
committed by GitHub
parent 8ee5d422cb
commit d84b47f226
6 changed files with 11 additions and 22 deletions

View File

@@ -51,7 +51,7 @@ export const Footer = ({
bold bold
icon={ icon={
<div className="circle"> <div className="circle">
<CloudWorkspaceIcon fontSize={16} /> <CloudWorkspaceIcon />
</div> </div>
} }
onClick={async () => { onClick={async () => {

View File

@@ -166,6 +166,8 @@ export const StyledSignInButton = styled(Button)(({ theme }) => {
backgroundColor: theme.colors.innerHoverBackground, backgroundColor: theme.colors.innerHoverBackground,
flexShrink: 0, flexShrink: 0,
marginRight: '16px', marginRight: '16px',
fontSize: '24px',
color: theme.colors.primaryColor,
...displayInlineFlex('center', 'center'), ...displayInlineFlex('center', 'center'),
}, },
}; };

View File

@@ -7,7 +7,7 @@ export const StyledModalWrapper = styled('div')(({ theme }) => {
width: '560px', width: '560px',
background: theme.colors.popoverBackground, background: theme.colors.popoverBackground,
borderRadius: '12px', borderRadius: '12px',
height: '312px', // height: '312px',
}; };
}); });
@@ -42,17 +42,14 @@ export const StyledInputContent = styled('div')(({ theme }) => {
display: 'flex', display: 'flex',
flexDirection: 'row', flexDirection: 'row',
justifyContent: 'center', justifyContent: 'center',
margin: '42px 0', margin: '24px 0',
fontSize: theme.font.base, fontSize: theme.font.base,
}; };
}); });
export const StyledButtonContent = styled('div')(() => { export const StyledButtonContent = styled('div')(() => {
return { return {
position: 'absolute', marginBottom: '42px',
left: '50%',
transform: 'translateX(-50%)',
bottom: '42px',
display: 'flex', display: 'flex',
flexDirection: 'row', flexDirection: 'row',
justifyContent: 'center', justifyContent: 'center',

View File

@@ -13,7 +13,7 @@
"@blocksuite/blocks": "0.4.1-20230220214107-0a354de", "@blocksuite/blocks": "0.4.1-20230220214107-0a354de",
"@blocksuite/editor": "0.4.1-20230220214107-0a354de", "@blocksuite/editor": "0.4.1-20230220214107-0a354de",
"@blocksuite/global": "0.4.1-20230220214107-0a354de", "@blocksuite/global": "0.4.1-20230220214107-0a354de",
"@blocksuite/icons": "2.0.12", "@blocksuite/icons": "2.0.17",
"@blocksuite/react": "0.4.1-20230220214107-0a354de", "@blocksuite/react": "0.4.1-20230220214107-0a354de",
"@blocksuite/store": "0.4.1-20230220214107-0a354de", "@blocksuite/store": "0.4.1-20230220214107-0a354de",
"@emotion/react": "^11.10.6", "@emotion/react": "^11.10.6",

View File

@@ -1,4 +1,4 @@
import { ArrowRightIcon } from '@blocksuite/icons'; import { ArrowRightSmallIcon } from '@blocksuite/icons';
import { displayFlex, styled } from '../../styles'; import { displayFlex, styled } from '../../styles';
import StyledPopperContainer from '../shared/Container'; import StyledPopperContainer from '../shared/Container';
@@ -14,7 +14,7 @@ export const StyledMenuWrapper = styled(StyledPopperContainer)(({ theme }) => {
}; };
}); });
export const StyledArrow = styled(ArrowRightIcon)({ export const StyledArrow = styled(ArrowRightSmallIcon)({
position: 'absolute', position: 'absolute',
right: 0, right: 0,
top: 0, top: 0,

14
pnpm-lock.yaml generated
View File

@@ -237,7 +237,7 @@ importers:
'@blocksuite/blocks': 0.4.1-20230220214107-0a354de '@blocksuite/blocks': 0.4.1-20230220214107-0a354de
'@blocksuite/editor': 0.4.1-20230220214107-0a354de '@blocksuite/editor': 0.4.1-20230220214107-0a354de
'@blocksuite/global': 0.4.1-20230220214107-0a354de '@blocksuite/global': 0.4.1-20230220214107-0a354de
'@blocksuite/icons': 2.0.12 '@blocksuite/icons': 2.0.17
'@blocksuite/react': 0.4.1-20230220214107-0a354de '@blocksuite/react': 0.4.1-20230220214107-0a354de
'@blocksuite/store': 0.4.1-20230220214107-0a354de '@blocksuite/store': 0.4.1-20230220214107-0a354de
'@emotion/react': ^11.10.6 '@emotion/react': ^11.10.6
@@ -271,7 +271,7 @@ importers:
'@blocksuite/blocks': 0.4.1-20230220214107-0a354de_txcevohh7lsyxi5mbohonudlma '@blocksuite/blocks': 0.4.1-20230220214107-0a354de_txcevohh7lsyxi5mbohonudlma
'@blocksuite/editor': 0.4.1-20230220214107-0a354de_bsvfvsbxn3zjndsi6ntxj3sapa '@blocksuite/editor': 0.4.1-20230220214107-0a354de_bsvfvsbxn3zjndsi6ntxj3sapa
'@blocksuite/global': 0.4.1-20230220214107-0a354de_lit@2.6.1 '@blocksuite/global': 0.4.1-20230220214107-0a354de_lit@2.6.1
'@blocksuite/icons': 2.0.12_pmekkgnqduwlme35zpnqhenc34 '@blocksuite/icons': 2.0.17_pmekkgnqduwlme35zpnqhenc34
'@blocksuite/react': 0.4.1-20230220214107-0a354de_6bikze5nmk67qwgrvmg7puxlji '@blocksuite/react': 0.4.1-20230220214107-0a354de_6bikze5nmk67qwgrvmg7puxlji
'@blocksuite/store': 0.4.1-20230220214107-0a354de_lit@2.6.1+yjs@13.5.47 '@blocksuite/store': 0.4.1-20230220214107-0a354de_lit@2.6.1+yjs@13.5.47
'@emotion/react': 11.10.6_pmekkgnqduwlme35zpnqhenc34 '@emotion/react': 11.10.6_pmekkgnqduwlme35zpnqhenc34
@@ -1743,16 +1743,6 @@ packages:
zod: 3.20.6 zod: 3.20.6
dev: false dev: false
/@blocksuite/icons/2.0.12_pmekkgnqduwlme35zpnqhenc34:
resolution: {integrity: sha512-mUmSXoFvHAGLPmykea5EHnVZf7QKBtj1bvCIfhRuQBopt2z3yVtEr7zD/4Cqus2oYNS3HrjwvCDiTqeE7fsjJQ==}
peerDependencies:
'@types/react': ^18.0.25
react: ^18.2.0
dependencies:
'@types/react': 18.0.28
react: 18.2.0
dev: false
/@blocksuite/icons/2.0.17_pmekkgnqduwlme35zpnqhenc34: /@blocksuite/icons/2.0.17_pmekkgnqduwlme35zpnqhenc34:
resolution: {integrity: sha512-nFhgnmfYvy/Pk+KBON5M+veZaz/IoQ+rAugzx2nPy+YPkgXvOxa5ml4rhzZYE2qgx7/FdsKQ5qkBWPjJoYRlbw==} resolution: {integrity: sha512-nFhgnmfYvy/Pk+KBON5M+veZaz/IoQ+rAugzx2nPy+YPkgXvOxa5ml4rhzZYE2qgx7/FdsKQ5qkBWPjJoYRlbw==}
peerDependencies: peerDependencies: