feat(login): update login page styles and integrate neutral button variant

This commit is contained in:
2026-07-02 15:25:43 -03:00
parent 93d49fc7e6
commit 4cbf87feb1
3 changed files with 33 additions and 8 deletions

View File

@@ -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'