Jayden/AFFiNE-Mirror
1
0
Fork 0
mirror of https://github.com/toeverything/AFFiNE.git synced 2026-02-13 12:55:00 +00:00
Code Issues Packages Projects Releases Wiki Activity

chore: update shadow and color (#2171)

Browse Source
This commit is contained in:
JimmFly
2023-04-28 01:57:25 +08:00
committed by GitHub
parent 50006efb57
commit dcf7e83eec
11 changed files with 40 additions and 55 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
packages/component/src/components/workspace-card/index.tsx
View File

@@ -123,7 +123,6 @@ export const WorkspaceCard: FC<WorkspaceCardProps> = ({
</StyleWorkspaceInfo>
<StyledSettingLink
className="setting-entry"
hoverBackground="#fff"
onClick={e => {
e.stopPropagation();
onSettingClick(workspace);

10
packages/component/src/components/workspace-card/styles.ts
View File

@@ -42,13 +42,13 @@ export const StyledCard = styled('div')<{
height: '124px',
cursor: 'pointer',
padding: '16px',
boxShadow: '0px 0px 8px rgba(0, 0, 0, 0.1)',
boxShadow: 'var(--affine-shadow)',
borderRadius: '12px',
border: `1px solid ${borderColor}`,
...displayFlex('flex-start', 'flex-start'),
marginBottom: '24px',
transition: 'background .2s',
background: 'var(--affine-background-primary-color)',
background: 'var(--affine-white-80)',
position: 'relative',
':hover': {
background: 'var(--affine-hover-color)',
@@ -77,18 +77,18 @@ export const StyledModalHeader = styled('div')(() => {
};
});
export const StyledSettingLink = styled(IconButton)(({ theme }) => {
export const StyledSettingLink = styled(IconButton)(() => {
return {
position: 'absolute',
right: '6px',
bottom: '6px',
opacity: 0,
borderRadius: '4px',
color: 'var(--affine-background-primary-color)',
color: 'var(--affine-primary-color)',
pointerEvents: 'none',
transition: 'all .15s',
':hover': {
background: 'var(--affine-background-primary-color)',
background: 'var(--affine-hover-color)',
},
};
});