Added extra fonts, started button reusable component

This commit is contained in:
AdamBtech
2025-05-20 15:55:02 +02:00
parent 9a5f91685e
commit 2b2397e8a5
15 changed files with 49 additions and 78 deletions

View File

@@ -8,23 +8,8 @@ import { Component, input, output } from '@angular/core';
})
export class ButtonComponent {
label = input<string>('label');
selected = input<boolean>(false);
isNav = input<boolean>(false);
onClick = output<void>();
getButtonClass() {
const baseClass =
'font-terminal-retro uppercase transition-all duration-300';
if (this.isNav()) {
return `${baseClass} bg-transparent text-nier-text-dark border-0 hover:underline`;
}
return this.selected()
? `${baseClass} bg-nier-dark text-nier-text-light border border-nier-border rounded-none`
: `${baseClass} bg-nier-mid text-nier-text-dark border border-nier-border rounded-none hover:bg-nier-dark hover:text-nier-text-light`;
}
handleClick() {
this.onClick.emit();
}