Infrastructure/logto
0
Fork 0
mirror of https://github.com/logto-io/logto.git synced 2024-12-16 20:26:19 -05:00
Code Issues Activity

style(ui): remove outline button style (#2260)

Browse source
This commit is contained in:
simeng-li 2022-10-27 13:46:12 +08:00 committed by GitHub
parent feccf2b519
commit 45a7ac8d6d
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 2 additions and 27 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

25
packages/ui/src/components/Button/index.module.scss
View file

@ -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) { :global(body.desktop) {
.primary { .primary {
@ -91,14 +76,4 @@
background: var(--color-overlay-neutral-hover); 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);
}
}
} }

2
packages/ui/src/components/Button/index.tsx
View file

@ -5,7 +5,7 @@ import { useTranslation } from 'react-i18next';
import * as styles from './index.module.scss'; 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'> & { type BaseProps = Omit<HTMLProps<HTMLButtonElement>, 'type' | 'size' | 'title'> & {
htmlType?: 'button' | 'submit' | 'reset'; htmlType?: 'button' | 'submit' | 'reset';

2
packages/ui/src/components/ConfirmModal/AcModal.tsx
View file

@ -37,7 +37,7 @@ const AcModal = ({
</div> </div>
<div className={styles.content}>{children}</div> <div className={styles.content}>{children}</div>
<div className={styles.footer}> <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} />} {onConfirm && <Button title={confirmText} size="small" onClick={onConfirm} />}
</div> </div>
</div> </div>