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

chore: update confirm ui component

Browse Source
This commit is contained in:
JimmFly
2023-01-18 15:54:56 +08:00
parent 4401f083f2
commit 69b396b9d4
2 changed files with 76 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
packages/app/src/ui/confirm/styles.ts
View File

@@ -3,8 +3,10 @@ import { ModalWrapper } from '@/ui/modal';
export const StyledModalWrapper = styled(ModalWrapper)(() => {
return {
width: '460px',
padding: '46px 60px 32px',
minWidth: '460px',
maxWidth: '560px',
maxHeight: '292px',
padding: '44px 84px 32px 84px',
};
});
@@ -14,6 +16,7 @@ export const StyledConfirmTitle = styled.div(({ theme }) => {
fontWeight: 600,
textAlign: 'center',
color: theme.colors.popoverColor,
lineHeight: '28px',
};
});
@@ -23,12 +26,21 @@ export const StyledConfirmContent = styled.div(({ theme }) => {
textAlign: 'center',
marginTop: '12px',
color: theme.colors.textColor,
lineHeight: '26px',
};
});
export const StyledButtonWrapper = styled.div(() => {
export const StyledColumnButtonWrapper = styled.div(() => {
return {
...displayFlex('center', 'center'),
flexDirection: 'column',
marginTop: '32px',
};
});
export const StyledRowButtonWrapper = styled.div(() => {
return {
...displayFlex('center', 'center'),
flexDirection: 'row',
marginTop: '32px',
};
});