mirror of
https://github.com/toeverything/AFFiNE.git
synced 2024-09-20 07:57:29 +03:00
fix(component): flex setting-modal header & footer (#4818)
This commit is contained in:
parent
65321e39cc
commit
de33967a73
@ -1,8 +1,8 @@
|
||||
import { globalStyle, style } from '@vanilla-extract/css';
|
||||
|
||||
export const settingHeader = style({
|
||||
height: '68px',
|
||||
borderBottom: '1px solid var(--affine-border-color)',
|
||||
paddingBottom: '24px',
|
||||
marginBottom: '24px',
|
||||
});
|
||||
|
||||
|
@ -28,6 +28,7 @@ export const planCardsWrapper = style({
|
||||
});
|
||||
|
||||
export const planCard = style({
|
||||
backgroundColor: 'var(--affine-background-primary-color)',
|
||||
minHeight: '426px',
|
||||
minWidth: '258px',
|
||||
borderRadius: '16px',
|
||||
|
@ -145,7 +145,7 @@ export const SettingModal = ({
|
||||
className={style.suggestionLink}
|
||||
>
|
||||
<span className={style.suggestionLinkIcon}>
|
||||
<ContactWithUsIcon />
|
||||
<ContactWithUsIcon width="16" height="16" />
|
||||
</span>
|
||||
{t['com.affine.settings.suggestion']()}
|
||||
</a>
|
||||
|
@ -32,13 +32,16 @@ export const suggestionLink = style({
|
||||
fontSize: 'var(--affine-font-sm)',
|
||||
color: 'var(--affine-text-primary-color)',
|
||||
display: 'flex',
|
||||
alignItems: 'center',
|
||||
alignItems: 'start',
|
||||
lineHeight: '22px',
|
||||
gap: '12px',
|
||||
});
|
||||
|
||||
export const suggestionLinkIcon = style({
|
||||
color: 'var(--affine-icon-color)',
|
||||
marginRight: '12px',
|
||||
display: 'flex',
|
||||
margin: '3px 0',
|
||||
});
|
||||
|
||||
export const footer = style({
|
||||
|
Loading…
Reference in New Issue
Block a user