style: format HTML for consistency and readability
This commit is contained in:
parent
0079ee7bf2
commit
b51305ca64
6 changed files with 53 additions and 44 deletions
|
@ -1,9 +1,6 @@
|
||||||
<div class="min-h-screen flex flex-col">
|
<div class="min-h-screen flex flex-col">
|
||||||
<main class="flex-grow">
|
<main class="flex-grow">
|
||||||
<app-navbar
|
<app-navbar (showLogin)="showLoginForm()" (showRegister)="showRegisterForm()"></app-navbar>
|
||||||
(showLogin)="showLoginForm()"
|
|
||||||
(showRegister)="showRegisterForm()"
|
|
||||||
></app-navbar>
|
|
||||||
<router-outlet></router-outlet>
|
<router-outlet></router-outlet>
|
||||||
</main>
|
</main>
|
||||||
<app-footer></app-footer>
|
<app-footer></app-footer>
|
||||||
|
@ -18,20 +15,10 @@
|
||||||
role="dialog"
|
role="dialog"
|
||||||
aria-modal="true"
|
aria-modal="true"
|
||||||
></div>
|
></div>
|
||||||
<div
|
<div class="fixed inset-0 flex items-center justify-center z-50 p-4" role="presentation">
|
||||||
class="fixed inset-0 flex items-center justify-center z-50 p-4"
|
<div class="relative" role="dialog" aria-modal="true">
|
||||||
role="presentation"
|
|
||||||
>
|
|
||||||
<div
|
|
||||||
class="relative"
|
|
||||||
role="dialog"
|
|
||||||
aria-modal="true"
|
|
||||||
>
|
|
||||||
@if (showLogin()) {
|
@if (showLogin()) {
|
||||||
<app-login
|
<app-login (switchForm)="showRegisterForm()" (closeDialog)="hideAuthForms()"></app-login>
|
||||||
(switchForm)="showRegisterForm()"
|
|
||||||
(closeDialog)="hideAuthForms()"
|
|
||||||
></app-login>
|
|
||||||
}
|
}
|
||||||
@if (showRegister()) {
|
@if (showRegister()) {
|
||||||
<app-register
|
<app-register
|
||||||
|
|
|
@ -6,8 +6,19 @@
|
||||||
class="absolute top-4 right-4 text-text-secondary hover:text-white transition-colors"
|
class="absolute top-4 right-4 text-text-secondary hover:text-white transition-colors"
|
||||||
aria-label="Dialog schließen"
|
aria-label="Dialog schließen"
|
||||||
>
|
>
|
||||||
<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
|
<svg
|
||||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
class="h-6 w-6"
|
||||||
|
fill="none"
|
||||||
|
viewBox="0 0 24 24"
|
||||||
|
stroke="currentColor"
|
||||||
|
>
|
||||||
|
<path
|
||||||
|
stroke-linecap="round"
|
||||||
|
stroke-linejoin="round"
|
||||||
|
stroke-width="2"
|
||||||
|
d="M6 18L18 6M6 6l12 12"
|
||||||
|
/>
|
||||||
</svg>
|
</svg>
|
||||||
</button>
|
</button>
|
||||||
|
|
||||||
|
|
|
@ -6,8 +6,19 @@
|
||||||
class="absolute top-4 right-4 text-text-secondary hover:text-white transition-colors"
|
class="absolute top-4 right-4 text-text-secondary hover:text-white transition-colors"
|
||||||
aria-label="Dialog schließen"
|
aria-label="Dialog schließen"
|
||||||
>
|
>
|
||||||
<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
|
<svg
|
||||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
class="h-6 w-6"
|
||||||
|
fill="none"
|
||||||
|
viewBox="0 0 24 24"
|
||||||
|
stroke="currentColor"
|
||||||
|
>
|
||||||
|
<path
|
||||||
|
stroke-linecap="round"
|
||||||
|
stroke-linejoin="round"
|
||||||
|
stroke-width="2"
|
||||||
|
d="M6 18L18 6M6 6l12 12"
|
||||||
|
/>
|
||||||
</svg>
|
</svg>
|
||||||
</button>
|
</button>
|
||||||
|
|
||||||
|
|
|
@ -192,20 +192,10 @@
|
||||||
role="dialog"
|
role="dialog"
|
||||||
aria-modal="true"
|
aria-modal="true"
|
||||||
></div>
|
></div>
|
||||||
<div
|
<div class="fixed inset-0 flex items-center justify-center z-50 p-4" role="presentation">
|
||||||
class="fixed inset-0 flex items-center justify-center z-50 p-4"
|
<div class="relative" role="dialog" aria-modal="true">
|
||||||
role="presentation"
|
|
||||||
>
|
|
||||||
<div
|
|
||||||
class="relative"
|
|
||||||
role="dialog"
|
|
||||||
aria-modal="true"
|
|
||||||
>
|
|
||||||
@if (showLogin()) {
|
@if (showLogin()) {
|
||||||
<app-login
|
<app-login (switchForm)="showRegisterForm()" (closeDialog)="hideAuthForms()"></app-login>
|
||||||
(switchForm)="showRegisterForm()"
|
|
||||||
(closeDialog)="hideAuthForms()"
|
|
||||||
></app-login>
|
|
||||||
}
|
}
|
||||||
@if (showRegister()) {
|
@if (showRegister()) {
|
||||||
<app-register
|
<app-register
|
||||||
|
|
|
@ -1,4 +1,11 @@
|
||||||
import { ChangeDetectionStrategy, Component, inject, OnDestroy, OnInit, signal } from '@angular/core';
|
import {
|
||||||
|
ChangeDetectionStrategy,
|
||||||
|
Component,
|
||||||
|
inject,
|
||||||
|
OnDestroy,
|
||||||
|
OnInit,
|
||||||
|
signal,
|
||||||
|
} from '@angular/core';
|
||||||
import { NgFor } from '@angular/common';
|
import { NgFor } from '@angular/common';
|
||||||
import { RouterLink } from '@angular/router';
|
import { RouterLink } from '@angular/router';
|
||||||
import { AuthService } from '@service/auth.service';
|
import { AuthService } from '@service/auth.service';
|
||||||
|
|
|
@ -72,7 +72,10 @@
|
||||||
<a routerLink="/games" class="nav-mobile-link">Spiele</a>
|
<a routerLink="/games" class="nav-mobile-link">Spiele</a>
|
||||||
<div class="pt-2 space-y-2">
|
<div class="pt-2 space-y-2">
|
||||||
@if (!isLoggedIn()) {
|
@if (!isLoggedIn()) {
|
||||||
<button (click)="showLogin.emit()" class="button-primary w-full py-1.5 block text-center">
|
<button
|
||||||
|
(click)="showLogin.emit()"
|
||||||
|
class="button-primary w-full py-1.5 block text-center"
|
||||||
|
>
|
||||||
Anmelden
|
Anmelden
|
||||||
</button>
|
</button>
|
||||||
<button
|
<button
|
||||||
|
|
Reference in a new issue