From 8c637addf58bd1ece4a8d3f117d6c13ba33561c3 Mon Sep 17 00:00:00 2001 From: benjamin Date: Mon, 27 Apr 2026 22:44:39 +0200 Subject: [PATCH] fix monitor bg contrast --- .../monitor/logo/logo.component.html | 19 +++++++++++++++++-- .../monitor/monitor.component.less | 8 ++++---- .../presentation/remote/remote.component.html | 6 ++---- .../presentation/remote/remote.component.ts | 6 ++---- .../presentation/select/select.component.html | 5 +++-- .../presentation/select/select.component.ts | 4 ++-- .../components/button/button.component.less | 4 ---- src/styles/styles.less | 1 + 8 files changed, 31 insertions(+), 22 deletions(-) diff --git a/src/app/modules/presentation/monitor/logo/logo.component.html b/src/app/modules/presentation/monitor/logo/logo.component.html index f38b8ab..d3d807d 100644 --- a/src/app/modules/presentation/monitor/logo/logo.component.html +++ b/src/app/modules/presentation/monitor/logo/logo.component.html @@ -1,9 +1,24 @@ + + + + + + + + + + + diff --git a/src/app/modules/presentation/monitor/monitor.component.less b/src/app/modules/presentation/monitor/monitor.component.less index 7b564c9..0e36a54 100644 --- a/src/app/modules/presentation/monitor/monitor.component.less +++ b/src/app/modules/presentation/monitor/monitor.component.less @@ -36,7 +36,7 @@ filter: blur(10px); &.visible { - opacity: 0.5; + opacity: 0.7; } } @@ -54,7 +54,7 @@ filter: blur(5px); &.visible { - opacity: 0.4; + opacity: 0.6; } } @@ -63,7 +63,7 @@ filter: blur(8px); &.visible { - opacity: 0.2; + opacity: 0.4; } } @@ -72,7 +72,7 @@ filter: blur(8px); &.visible { - opacity: 0.2; + opacity: 0.4; } } diff --git a/src/app/modules/presentation/remote/remote.component.html b/src/app/modules/presentation/remote/remote.component.html index 81e7dbc..8d796d2 100644 --- a/src/app/modules/presentation/remote/remote.component.html +++ b/src/app/modules/presentation/remote/remote.component.html @@ -101,10 +101,8 @@ @if (show) {
- + Präsentation starten + Hintergrund diff --git a/src/app/modules/presentation/remote/remote.component.ts b/src/app/modules/presentation/remote/remote.component.ts index e2ed1b5..5058554 100644 --- a/src/app/modules/presentation/remote/remote.component.ts +++ b/src/app/modules/presentation/remote/remote.component.ts @@ -17,9 +17,7 @@ import {CardComponent} from '../../../widget-modules/components/card/card.compon import {MatFormField, MatLabel} from '@angular/material/form-field'; import {MatInput} from '@angular/material/input'; import {FormsModule, ReactiveFormsModule} from '@angular/forms'; -import {MatButton} from '@angular/material/button'; import {RouterLink} from '@angular/router'; -import {FaIconComponent} from '@fortawesome/angular-fontawesome'; import {MatSelect} from '@angular/material/select'; import {MatOption} from '@angular/material/core'; import {MatSlider, MatSliderThumb} from '@angular/material/slider'; @@ -27,6 +25,7 @@ import {AddSongComponent} from '../../../widget-modules/components/add-song/add- import {ShowTypePipe} from '../../../widget-modules/pipes/show-type-translater/show-type.pipe'; import {SectionTypePipe} from '../../../widget-modules/pipes/section-type-translator/section-type.pipe'; import {PageFrameComponent} from '../../../widget-modules/components/sidebar/page-frame.component'; +import {ButtonComponent} from '../../../widget-modules/components/button/button.component'; export interface PresentationSong { id: string; @@ -47,9 +46,7 @@ export interface PresentationSong { MatInput, ReactiveFormsModule, FormsModule, - MatButton, RouterLink, - FaIconComponent, MatSelect, MatOption, MatSlider, @@ -60,6 +57,7 @@ export interface PresentationSong { ShowTypePipe, SectionTypePipe, PageFrameComponent, + ButtonComponent, ], }) export class RemoteComponent implements OnDestroy { diff --git a/src/app/modules/presentation/select/select.component.html b/src/app/modules/presentation/select/select.component.html index 43d3110..59c1f21 100644 --- a/src/app/modules/presentation/select/select.component.html +++ b/src/app/modules/presentation/select/select.component.html @@ -9,10 +9,11 @@ @if (shows.length > 0) {
@for (show of shows; track show.id) { - + + }
} diff --git a/src/app/modules/presentation/select/select.component.ts b/src/app/modules/presentation/select/select.component.ts index eae6810..91302d8 100644 --- a/src/app/modules/presentation/select/select.component.ts +++ b/src/app/modules/presentation/select/select.component.ts @@ -7,17 +7,17 @@ import {Router} from '@angular/router'; import {fade} from '../../../animations'; import {AsyncPipe, DatePipe} from '@angular/common'; import {CardComponent} from '../../../widget-modules/components/card/card.component'; -import {MatButton} from '@angular/material/button'; import {UserNameComponent} from '../../../services/user/user-name/user-name.component'; import {ShowTypePipe} from '../../../widget-modules/pipes/show-type-translater/show-type.pipe'; import {PageFrameComponent} from '../../../widget-modules/components/sidebar/page-frame.component'; +import {ButtonComponent} from '../../../widget-modules/components/button/button.component'; @Component({ selector: 'app-select', templateUrl: './select.component.html', styleUrls: ['./select.component.less'], animations: [fade], - imports: [CardComponent, MatButton, UserNameComponent, AsyncPipe, DatePipe, ShowTypePipe, PageFrameComponent], + imports: [CardComponent, UserNameComponent, AsyncPipe, DatePipe, ShowTypePipe, PageFrameComponent, ButtonComponent], }) export class SelectComponent implements OnInit { private showService = inject(ShowService); diff --git a/src/app/widget-modules/components/button/button.component.less b/src/app/widget-modules/components/button/button.component.less index 8c6441e..5bc288c 100644 --- a/src/app/widget-modules/components/button/button.component.less +++ b/src/app/widget-modules/components/button/button.component.less @@ -1,9 +1,5 @@ -:host { - display: inline-flex; -} :host(.full-width) { - display: flex; width: 100%; } diff --git a/src/styles/styles.less b/src/styles/styles.less index cad18ba..9cf467d 100644 --- a/src/styles/styles.less +++ b/src/styles/styles.less @@ -17,6 +17,7 @@ --color-primary-dark: #48686e; --color-primary: #6f8f95; --color-primary-light: #85a4aa; + --primary-color-sat: #578f9a; --primary-color: #6f8f95; --primary-hover: #85a4aa; --primary-active: #5b797e;