feat(login): update login page styles and integrate neutral button variant
This commit is contained in:
@@ -4,6 +4,7 @@ import { NgClass } from '@angular/common';
|
||||
export type ButtonVariant =
|
||||
| 'primary'
|
||||
| 'secondary'
|
||||
| 'neutral-outline'
|
||||
| 'danger'
|
||||
| 'danger-secondary'
|
||||
| 'cancel';
|
||||
@@ -13,18 +14,23 @@ export type ButtonVariant =
|
||||
imports: [NgClass],
|
||||
templateUrl: './button.component.html',
|
||||
styleUrl: './button.component.scss',
|
||||
changeDetection: ChangeDetectionStrategy.OnPush
|
||||
changeDetection: ChangeDetectionStrategy.OnPush,
|
||||
host: {
|
||||
'[class]': 'hostClass()'
|
||||
}
|
||||
})
|
||||
export class ButtonComponent {
|
||||
readonly variant = input<ButtonVariant>('primary');
|
||||
readonly type = input<'button' | 'submit' | 'reset'>('button');
|
||||
readonly disabled = input(false);
|
||||
readonly hostClass = input<string>('');
|
||||
readonly buttonClass = input<string>('');
|
||||
|
||||
protected readonly buttonClasses = computed(() => {
|
||||
const variants: Record<ButtonVariant, string> = {
|
||||
primary: 'btn-primary',
|
||||
secondary: 'btn-outline-primary',
|
||||
'neutral-outline': 'btn-outline-neutral',
|
||||
danger: 'btn-danger',
|
||||
'danger-secondary': 'btn-outline-danger',
|
||||
cancel: 'btn-secondary'
|
||||
|
||||
Reference in New Issue
Block a user