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

fix: workspace modal style error

Browse Source
This commit is contained in:
QiShaoXuan
2023-01-31 19:00:11 +08:00
parent 38d66fb529
commit 5fb22d5b65
2 changed files with 4 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/app/src/components/workspace-modal/styles.ts
+2 -1
View File
@@ -45,6 +45,7 @@ export const StyledCard = styled.div<{
borderRadius: '12px', borderRadius: '12px',
border: `1px solid ${borderColor}`, border: `1px solid ${borderColor}`,
...displayFlex('flex-start', 'flex-start'), ...displayFlex('flex-start', 'flex-start'),
marginBottom: '24px',
':hover': { ':hover': {
background: theme.colors.hoverBackground, background: theme.colors.hoverBackground,
'.add-icon': { '.add-icon': {
@@ -125,7 +126,7 @@ export const StyledModalContent = styled('div')({
padding: '8px 40px', padding: '8px 40px',
marginTop: '72px', marginTop: '72px',
overflow: 'auto', overflow: 'auto',
...displayFlex('space-between', 'flex-start', 'column'), ...displayFlex('space-between', 'flex-start', 'flex-start'),
flexWrap: 'wrap', flexWrap: 'wrap',
}); });
export const StyledOperationWrapper = styled.div(() => { export const StyledOperationWrapper = styled.div(() => {
packages/app/src/styles/helper.ts
+2 -2
View File
@@ -2,12 +2,12 @@ import type { CSSProperties } from 'react';
export const displayFlex = ( export const displayFlex = (
justifyContent: CSSProperties['justifyContent'] = 'unset', justifyContent: CSSProperties['justifyContent'] = 'unset',
alignItems: CSSProperties['alignContent'] = 'unset', alignItems: CSSProperties['alignItems'] = 'unset',
alignContent: CSSProperties['alignContent'] = 'unset' alignContent: CSSProperties['alignContent'] = 'unset'
): { ): {
display: CSSProperties['display']; display: CSSProperties['display'];
justifyContent: CSSProperties['justifyContent']; justifyContent: CSSProperties['justifyContent'];
alignItems: CSSProperties['alignContent']; alignItems: CSSProperties['alignItems'];
alignContent: CSSProperties['alignContent']; alignContent: CSSProperties['alignContent'];
} => { } => {
return { return {