From b71cf450bd5a57cc8ffc5a8dbeca6507838adb1a Mon Sep 17 00:00:00 2001 From: jvyden Date: Wed, 29 May 2024 17:18:36 -0400 Subject: [PATCH] Go through fucking hell to fix this stupid motherfucking search bar nopt centerifn bdcgbjkljdgkfvhjldrrfg hjklsdx --- src/app/components/ui/dialog.component.ts | 2 +- src/app/components/ui/form/search-bar.component.ts | 8 ++++++-- src/app/components/ui/form/textbox.component.ts | 4 ++-- src/app/overlays/search.component.ts | 10 +++++++--- tailwind.config.js | 1 + 5 files changed, 17 insertions(+), 8 deletions(-) diff --git a/src/app/components/ui/dialog.component.ts b/src/app/components/ui/dialog.component.ts index e105ee4..1a967eb 100644 --- a/src/app/components/ui/dialog.component.ts +++ b/src/app/components/ui/dialog.component.ts @@ -5,7 +5,7 @@ import {Component, ElementRef, OnDestroy, OnInit, ViewChild} from '@angular/core standalone: true, imports: [], template: ` - + `, diff --git a/src/app/components/ui/form/search-bar.component.ts b/src/app/components/ui/form/search-bar.component.ts index 6bd0dd4..1228e1d 100644 --- a/src/app/components/ui/form/search-bar.component.ts +++ b/src/app/components/ui/form/search-bar.component.ts @@ -2,18 +2,22 @@ import {Component, Input} from '@angular/core'; import {faSearch} from "@fortawesome/free-solid-svg-icons"; import {TextboxComponent} from "./textbox.component"; import {FormGroup} from "@angular/forms"; +import {NgClass} from "@angular/common"; @Component({ selector: 'app-search-bar', standalone: true, imports: [ - TextboxComponent + TextboxComponent, + NgClass ], template: ` - + ` }) export class SearchBarComponent { @Input({required: true}) form: FormGroup = null!; + @Input() appClass: string = ""; + protected readonly faSearch = faSearch; } diff --git a/src/app/components/ui/form/textbox.component.ts b/src/app/components/ui/form/textbox.component.ts index f5150db..93c11af 100644 --- a/src/app/components/ui/form/textbox.component.ts +++ b/src/app/components/ui/form/textbox.component.ts @@ -14,9 +14,9 @@ import {NgIf} from "@angular/common"; ], template: ` -
+
- +
` }) diff --git a/src/app/overlays/search.component.ts b/src/app/overlays/search.component.ts index 25b1f85..e905255 100644 --- a/src/app/overlays/search.component.ts +++ b/src/app/overlays/search.component.ts @@ -28,9 +28,13 @@ import {LayoutService} from "../services/layout.service"; - - - +
+ +
+ +
+
+
`, styles: `` diff --git a/tailwind.config.js b/tailwind.config.js index 555a7a5..58d8620 100644 --- a/tailwind.config.js +++ b/tailwind.config.js @@ -11,6 +11,7 @@ const defaultColors = { "gentle": "#C3C3C3", "link": "#d4c6d5", "link-hover": "#fde9ff", + "invisible": "#00000000", "primary": "#A13DE3", "secondary": "#87748A",