mirror of
https://github.com/logto-io/logto.git
synced 2024-12-16 20:26:19 -05:00
style(ui): remove outline button style (#2260)
This commit is contained in:
parent
feccf2b519
commit
45a7ac8d6d
3 changed files with 2 additions and 27 deletions
|
@ -55,21 +55,6 @@
|
|||
}
|
||||
}
|
||||
|
||||
.outline {
|
||||
border: _.border(var(--color-brand-default));
|
||||
background: transparent;
|
||||
color: var(--color-type-link);
|
||||
|
||||
&.disabled,
|
||||
&:disabled {
|
||||
border-color: var(--color-type-disable);
|
||||
color: var(--color-type-disable);
|
||||
}
|
||||
|
||||
&:active {
|
||||
background: var(--color-overlay-brand-pressed);
|
||||
}
|
||||
}
|
||||
|
||||
:global(body.desktop) {
|
||||
.primary {
|
||||
|
@ -91,14 +76,4 @@
|
|||
background: var(--color-overlay-neutral-hover);
|
||||
}
|
||||
}
|
||||
|
||||
.outline {
|
||||
&:focus-visible {
|
||||
outline: 3px solid var(--color-overlay-brand-focused);
|
||||
}
|
||||
|
||||
&:not(:disabled):not(:active):hover {
|
||||
background: var(--color-overlay-brand-hover);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
@ -5,7 +5,7 @@ import { useTranslation } from 'react-i18next';
|
|||
|
||||
import * as styles from './index.module.scss';
|
||||
|
||||
export type ButtonType = 'primary' | 'secondary' | 'outline';
|
||||
export type ButtonType = 'primary' | 'secondary';
|
||||
|
||||
type BaseProps = Omit<HTMLProps<HTMLButtonElement>, 'type' | 'size' | 'title'> & {
|
||||
htmlType?: 'button' | 'submit' | 'reset';
|
||||
|
|
|
@ -37,7 +37,7 @@ const AcModal = ({
|
|||
</div>
|
||||
<div className={styles.content}>{children}</div>
|
||||
<div className={styles.footer}>
|
||||
<Button title={cancelText} type="outline" size="small" onClick={onClose} />
|
||||
<Button title={cancelText} type="secondary" size="small" onClick={onClose} />
|
||||
{onConfirm && <Button title={confirmText} size="small" onClick={onConfirm} />}
|
||||
</div>
|
||||
</div>
|
||||
|
|
Loading…
Reference in a new issue