benjamin/wgenerator
1
0
Fork 0
Code Actions Releases Activity

fix css issues

Browse Source
This commit is contained in:
benjamin
2026-04-27 23:21:19 +02:00
parent e1aacf2707
commit 5dffcf8cd2
5 changed files with 19 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/app/modules/songs/song-list/song-list.component.less
View File

@@ -55,3 +55,7 @@
.success { .success {
color: var(--success); color: var(--success);
} }
.list-action {
margin: var(--gap-m) var(--gap-l);
}

8
src/app/modules/user/login/login.component.html
View File

@@ -14,9 +14,11 @@
@if (errorMessage) { @if (errorMessage) {
<p class="error">{{ errorMessage | authMessage }}</p> <p class="error">{{ errorMessage | authMessage }}</p>
} }
<button (click)="onLogin()" class="btn-login" color="primary" mat-stroked-button>Anmelden</button> <div class="buttons">
<button class="btn-password" mat-stroked-button routerLink="/user/password">Passwort zurücksetzen</button> <app-button class="full-width" (click)="onLogin()">Anmelden</app-button>
<button class="btn-user" mat-stroked-button routerLink="/user/new">neuen Benutzer anlegen</button> <app-button class="full-width" routerLink="/user/password">Passwort zurücksetzen</app-button>
<app-button class="full-width" routerLink="/user/new">neuen Benutzer anlegen</app-button>
</div>
</div> </div>
</div> </div>
</div> </div>

20
src/app/modules/user/login/login.component.less
View File

@@ -25,21 +25,11 @@ p.error {
} }
} }
button { .buttons {
font-size: 18px; display: flex;
} flex-direction: column;
gap: var(--gap-l);
.btn-login { margin-top: var(--gap-l);
margin-bottom: 40px;
}
.btn-password {
margin-bottom: 20px;
color: var(--text-soft);
}
.btn-user {
color: var(--text-soft);
} }
.frame { .frame {

7
src/app/modules/user/login/login.component.ts
View File

@@ -1,4 +1,4 @@
import {Component, OnInit, inject} from '@angular/core'; import {Component, inject, OnInit} from '@angular/core';
import {FormControl, FormGroup, ReactiveFormsModule, Validators} from '@angular/forms'; import {FormControl, FormGroup, ReactiveFormsModule, Validators} from '@angular/forms';
import {Router, RouterLink} from '@angular/router'; import {Router, RouterLink} from '@angular/router';
import {UserService} from '../../../services/user/user.service'; import {UserService} from '../../../services/user/user.service';
@@ -6,15 +6,14 @@ import {faSignInAlt, faUserPlus} from '@fortawesome/free-solid-svg-icons';
import {LogoComponent} from '../../../widget-modules/components/logo/logo.component'; import {LogoComponent} from '../../../widget-modules/components/logo/logo.component';
import {MatFormField, MatLabel} from '@angular/material/form-field'; import {MatFormField, MatLabel} from '@angular/material/form-field';
import {MatInput} from '@angular/material/input'; import {MatInput} from '@angular/material/input';
import {MatButton} from '@angular/material/button';
import {AuthMessagePipe} from './auth-message.pipe'; import {AuthMessagePipe} from './auth-message.pipe';
import {ButtonComponent} from '../../../widget-modules/components/button/button.component';
@Component({ @Component({
selector: 'app-login', selector: 'app-login',
templateUrl: './login.component.html', templateUrl: './login.component.html',
styleUrls: ['./login.component.less'], styleUrls: ['./login.component.less'],
imports: [LogoComponent, ReactiveFormsModule, MatFormField, MatLabel, MatInput, MatButton, RouterLink, AuthMessagePipe], imports: [LogoComponent, ReactiveFormsModule, MatFormField, MatLabel, MatInput, RouterLink, AuthMessagePipe, ButtonComponent],
}) })
export class LoginComponent implements OnInit { export class LoginComponent implements OnInit {
private userService = inject(UserService); private userService = inject(UserService);

2
src/app/widget-modules/components/application-frame/navigation/navigation.component.less
View File

@@ -10,7 +10,7 @@ nav {
height: 50px; height: 50px;
background: var(--navigation-background); background: var(--navigation-background);
color: var(--text-inverse); color: var(--text-inverse);
z-index: 1; z-index: 20;
box-shadow: 0px -5px 20px 4px rgba(0, 0, 0, 0.39), 1px 0px 6px 4px rgba(0, 0, 0, 0.53); box-shadow: 0px -5px 20px 4px rgba(0, 0, 0, 0.39), 1px 0px 6px 4px rgba(0, 0, 0, 0.53);
backdrop-filter: blur(10px); backdrop-filter: blur(10px);
transition: var(--transition); transition: var(--transition);