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

chore: update block card styles (#3290)

Browse Source
This commit is contained in:
Whitewater 2023-07-18 19:45:03 +08:00 committed by GitHub
parent bf41b25988
commit 79227a1e7c
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 13 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
packages/component/src/components/card/block-card/styles.css.ts
View File

@ -5,21 +5,22 @@ export const blockCard = style({
gap: '12px', gap: '12px',
padding: '8px 12px', padding: '8px 12px',
color: 'var(--affine-text-primary-color)', color: 'var(--affine-text-primary-color)',
backgroundColor: 'var(--affine-background-primary-color)', backgroundColor: 'var(--affine-white-80)',
borderRadius: '4px', borderRadius: '8px',
userSelect: 'none', userSelect: 'none',
cursor: 'pointer', cursor: 'pointer',
textAlign: 'start', textAlign: 'start',
boxShadow: 'var(--affine-shadow-1)',
selectors: { selectors: {
'&:hover': { '&:hover': {
boxShadow: 'var(--affine-shadow-1)', backgroundColor: 'var(--affine-hover-color)',
}, },
'&[aria-disabled]': { '&[aria-disabled]': {
color: 'var(--affine-text-disable-color)', color: 'var(--affine-text-disable-color)',
}, },
'&[aria-disabled]:hover': { '&[aria-disabled]:hover': {
backgroundColor: 'var(--affine-white-80)',
cursor: 'not-allowed', cursor: 'not-allowed',
boxShadow: 'none',
}, },
// TODO active styles // TODO active styles
}, },

6
packages/component/src/components/import-page/index.css.ts
View File

@ -7,8 +7,10 @@ export const importPageContainerStyle = style({
flexDirection: 'column', flexDirection: 'column',
justifyContent: 'center', justifyContent: 'center',
alignItems: 'center', alignItems: 'center',
borderRadius: '16px', borderRadius: '12px',
boxShadow: 'var(--affine-shadow-1)', boxShadow: 'var(--affine-popover-shadow)',
background: 'var(--affine-background-overlay-panel-color)',
overflow: 'hidden',
}); });
export const importPageBodyStyle = style({ export const importPageBodyStyle = style({

5
packages/component/src/components/page-list/components/new-page-buttton.tsx
View File

@ -66,7 +66,10 @@ export const NewPageButton = ({
onClickAway={() => { onClickAway={() => {
setOpen(false); setOpen(false);
}} }}
menuStyles={{ padding: '0px' }} menuStyles={{
padding: '0px',
background: 'var(--affine-background-overlay-panel-color)',
}}
content={ content={
<CreateNewPagePopup <CreateNewPagePopup
createNewPage={() => { createNewPage={() => {