diff --git a/src/app/pages/home/home.component.ts b/src/app/pages/home/home.component.ts index 064952c..5ea1845 100644 --- a/src/app/pages/home/home.component.ts +++ b/src/app/pages/home/home.component.ts @@ -7,6 +7,35 @@ import { Router } from '@angular/router'; selector: 'app-home', standalone: true, imports: [BreadcrumbComponent, FormsModule], + styles: [` + .action-container { + display: flex; + flex-direction: column; + gap: 1rem; + } + + .profile-input { + padding: 1rem; + border-radius: 8px; + border: 1px solid #ccc; + font-size: 1.1em; + width: 100%; + max-width: 400px; + background: #f8f8f8; + transition: all 0.2s ease; + } + + .profile-button { + cursor: pointer; + white-space: nowrap; + border: none; + width: fit-content; + } + + .profile-button:disabled { + opacity: 0.5; + } + `], template: `
@@ -18,17 +47,16 @@ import { Router } from '@angular/router'; Angor Profile is a Nostr profile editor, built specifically to manage the profile information for Angor projects.

-
+