Jan-Marlon Leibl
489f587770
All checks were successful
CI / Get Changed Files (pull_request) Successful in 10s
CI / Checkstyle Main (pull_request) Has been skipped
CI / Docker backend validation (pull_request) Has been skipped
CI / oxlint (pull_request) Successful in 32s
CI / eslint (pull_request) Successful in 40s
CI / Docker frontend validation (pull_request) Successful in 50s
CI / prettier (pull_request) Successful in 26s
CI / test-build (pull_request) Successful in 36s
32 lines
1,012 B
HTML
32 lines
1,012 B
HTML
<div class="min-h-screen flex flex-col">
|
|
<main class="flex-grow">
|
|
<app-navbar (showLogin)="showLoginForm()" (showRegister)="showRegisterForm()"></app-navbar>
|
|
<router-outlet></router-outlet>
|
|
</main>
|
|
<app-footer></app-footer>
|
|
|
|
Auth Forms Overlay -->
|
|
@if (showLogin() || showRegister()) {
|
|
<div
|
|
class="fixed inset-0 bg-black/50 z-40"
|
|
(click)="hideAuthForms()"
|
|
(keydown.enter)="hideAuthForms()"
|
|
tabindex="0"
|
|
role="dialog"
|
|
aria-modal="true"
|
|
></div>
|
|
<div class="fixed inset-0 flex items-center justify-center z-50 p-4" role="presentation">
|
|
<div class="relative" role="dialog" aria-modal="true">
|
|
@if (showLogin()) {
|
|
<app-login (switchForm)="showRegisterForm()" (closeDialog)="hideAuthForms()"></app-login>
|
|
}
|
|
@if (showRegister()) {
|
|
<app-register
|
|
(switchForm)="showLoginForm()"
|
|
(closeDialog)="hideAuthForms()"
|
|
></app-register>
|
|
}
|
|
</div>
|
|
</div>
|
|
}
|
|
</div>
|