mirror of
https://github.com/toeverything/AFFiNE.git
synced 2024-12-23 09:22:38 +03:00
chore: adjust input style (#9217)
This commit is contained in:
parent
978c4c69b7
commit
2988dc284e
@ -8,7 +8,7 @@ export const inputWrapper = style({
|
|||||||
gap: '10px',
|
gap: '10px',
|
||||||
color: cssVarV2('text/primary'),
|
color: cssVarV2('text/primary'),
|
||||||
border: '1px solid',
|
border: '1px solid',
|
||||||
backgroundColor: cssVarV2('layer/background/primary'),
|
backgroundColor: cssVarV2('input/background'),
|
||||||
borderRadius: 8,
|
borderRadius: 8,
|
||||||
display: 'flex',
|
display: 'flex',
|
||||||
justifyContent: 'center',
|
justifyContent: 'center',
|
||||||
@ -30,16 +30,16 @@ export const inputWrapper = style({
|
|||||||
},
|
},
|
||||||
// color
|
// color
|
||||||
'&.disabled': {
|
'&.disabled': {
|
||||||
background: cssVar('hoverColor'),
|
background: cssVarV2('layer/background/hoverOverlay'),
|
||||||
},
|
},
|
||||||
'&.error': {
|
'&.error': {
|
||||||
borderColor: cssVar('errorColor'),
|
borderColor: cssVarV2('input/border/error'),
|
||||||
},
|
},
|
||||||
'&.success': {
|
'&.success': {
|
||||||
borderColor: cssVar('successColor'),
|
borderColor: cssVarV2('input/border/active'),
|
||||||
},
|
},
|
||||||
'&.warning': {
|
'&.warning': {
|
||||||
borderColor: cssVar('warningColor'),
|
borderColor: cssVarV2('input/border/error'),
|
||||||
},
|
},
|
||||||
'&.default': {
|
'&.default': {
|
||||||
borderColor: cssVarV2.layer.insideBorder.blackBorder,
|
borderColor: cssVarV2.layer.insideBorder.blackBorder,
|
||||||
@ -74,13 +74,13 @@ export const input = style({
|
|||||||
background: 'transparent',
|
background: 'transparent',
|
||||||
selectors: {
|
selectors: {
|
||||||
'&::placeholder': {
|
'&::placeholder': {
|
||||||
color: cssVar('placeholderColor'),
|
color: cssVarV2('text/placeholder'),
|
||||||
},
|
},
|
||||||
'&:disabled': {
|
'&:disabled': {
|
||||||
color: cssVar('textDisableColor'),
|
color: cssVarV2('text/disable'),
|
||||||
},
|
},
|
||||||
'&:-webkit-autofill': {
|
'&:-webkit-autofill': {
|
||||||
WebkitBoxShadow: `0 0 0 1000px ${cssVar('white')} inset`,
|
WebkitBoxShadow: `0 0 0 1000px ${cssVarV2('layer/white')} inset`,
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
});
|
});
|
||||||
|
@ -87,6 +87,11 @@ export const ConfirmModal = ({
|
|||||||
onClick={onCancel}
|
onClick={onCancel}
|
||||||
data-testid="confirm-modal-cancel"
|
data-testid="confirm-modal-cancel"
|
||||||
{...cancelButtonOptions}
|
{...cancelButtonOptions}
|
||||||
|
variant={
|
||||||
|
cancelButtonOptions?.variant
|
||||||
|
? cancelButtonOptions.variant
|
||||||
|
: 'secondary'
|
||||||
|
}
|
||||||
>
|
>
|
||||||
{cancelText}
|
{cancelText}
|
||||||
</Button>
|
</Button>
|
||||||
|
@ -45,7 +45,7 @@ export const tagsEditorSelectedTags = style({
|
|||||||
gap: '4px',
|
gap: '4px',
|
||||||
flexWrap: 'wrap',
|
flexWrap: 'wrap',
|
||||||
padding: '10px 12px',
|
padding: '10px 12px',
|
||||||
backgroundColor: cssVar('hoverColor'),
|
backgroundColor: cssVarV2('input/background'),
|
||||||
minHeight: 42,
|
minHeight: 42,
|
||||||
selectors: {
|
selectors: {
|
||||||
[`${tagsEditorRootMobile} &`]: {
|
[`${tagsEditorRootMobile} &`]: {
|
||||||
@ -66,7 +66,7 @@ export const searchInput = style({
|
|||||||
color: 'inherit',
|
color: 'inherit',
|
||||||
backgroundColor: 'transparent',
|
backgroundColor: 'transparent',
|
||||||
'::placeholder': {
|
'::placeholder': {
|
||||||
color: cssVar('placeholderColor'),
|
color: cssVarV2('text/placeholder'),
|
||||||
},
|
},
|
||||||
});
|
});
|
||||||
|
|
||||||
|
@ -73,7 +73,6 @@ export const itemContent = style({
|
|||||||
fontSize: cssVar('fontSm'),
|
fontSize: cssVar('fontSm'),
|
||||||
fontWeight: 500,
|
fontWeight: 500,
|
||||||
lineHeight: '22px',
|
lineHeight: '22px',
|
||||||
color: cssVarV2('text/emphasis'),
|
|
||||||
});
|
});
|
||||||
|
|
||||||
export const itemIcon = style({
|
export const itemIcon = style({
|
||||||
|
Loading…
Reference in New Issue
Block a user