do not show footer on signup page
All checks were successful
deploy / build-and-deploy (push) Successful in 22s

This commit is contained in:
bytedream 2025-05-18 16:00:01 +02:00
parent 28ead9a281
commit 078ae89708
3 changed files with 108 additions and 119 deletions

View File

@ -1,20 +0,0 @@
---
import WebsiteLayout from './WebsiteLayout.astro';
interface Props {
signupEnabled: boolean;
}
const { signupEnabled } = Astro.props;
---
<WebsiteLayout title="Anmeldung">
<div
class="flex justify-center w-full min-h-screen bg-base-200"
class:list={[!signupEnabled ? 'max-h-screen overflow-hidden' : undefined]}
>
<div class="relative grid card w-11/12 xl:w-2/3 2xl:w-1/2 p-6 my-12 bg-base-100 shadow-lg h-min">
<slot />
</div>
</div>
</WebsiteLayout>

View File

@ -7,9 +7,11 @@ import Menu from '@components/website/layout/Menu.svelte';
interface Props {
title: string;
description?: string;
footer?: boolean;
}
const { title, description } = Astro.props;
const { title, description, footer = true } = Astro.props;
---
<BaseLayout title={title} description={description} viewTransition>
@ -19,7 +21,7 @@ const { title, description } = Astro.props;
<nav>
<Menu client:load transition:persist />
</nav>
<footer class="flex justify-around items-center h-14 w-full bg-base-300 relative">
<footer class="flex justify-around items-center h-14 w-full bg-base-300 relative" hidden={!footer}>
<div class="hidden sm:block">
<p>© {new Date().getFullYear()} mhsl.eu</p>
</div>

View File

@ -1,5 +1,5 @@
---
import SignupLayout from '@layouts/website/SignupLayout.astro';
import WebsiteLayout from '@layouts/website/WebsiteLayout.astro';
import Checkbox from '@components/input/Checkbox.svelte';
import Input from '@components/input/Input.svelte';
import RulesPopup from '@components/website/signup/RulesPopup.svelte';
@ -20,7 +20,12 @@ const signupDisabledMessage = signupSetting[SettingKey.SignupDisabledMessage] ??
const signupDisabledSubMessage = signupSetting[SettingKey.SignupDisabledSubMessage] ?? '';
---
<SignupLayout signupEnabled={signupEnabled}>
<WebsiteLayout title="Anmeldung" footer={false}>
<div
class="flex justify-center w-full min-h-screen bg-base-200"
class:list={[!signupEnabled ? 'max-h-screen overflow-hidden' : undefined]}
>
<div class="relative grid card w-11/12 xl:w-2/3 2xl:w-1/2 p-6 my-12 bg-base-100 shadow-lg h-min">
<h1 class="text-center text-3xl lg:text-5xl">Anmeldung</h1>
<form id="signup">
<div class="divider">Persönliche Angaben</div>
@ -82,9 +87,9 @@ const signupDisabledSubMessage = signupSetting[SettingKey.SignupDisabledSubMessa
<Input id="username" type="text" label="Minecraft-Spielername" required dynamicWidth />
<Input id="teamMember" type="text" label="Mitspieler" required dynamicWidth>
<span slot="notice"
>Trage hier den Minecraft-Spielername des Mitspieler ein, mit dem du in ein Team möchtest. Auch dieser muss
bei seiner Anmeldung deinen Namen eintragen. Nur wenn ihr beide eure Namen gegenseitig eingetragen habt, kann
ein Team erstellt werden.</span
>Trage hier den Minecraft-Spielername des Mitspieler ein, mit dem du in ein Team möchtest. Auch dieser
muss bei seiner Anmeldung deinen Namen eintragen. Nur wenn ihr beide eure Namen gegenseitig eingetragen
habt, kann ein Team erstellt werden.</span
>
</Input>
</div>
@ -101,8 +106,8 @@ const signupDisabledSubMessage = signupSetting[SettingKey.SignupDisabledSubMessa
</Checkbox>
<Checkbox id="logs" required>
<span slot="label">
Ich bin mit der Speicherung in Form von Logs aller meiner, beim Spielen anfallenden, persönlichen Daten durch
den Server einverstanden
Ich bin mit der Speicherung in Form von Logs aller meiner, beim Spielen anfallenden, persönlichen Daten
durch den Server einverstanden
</span>
<span slot="notice" class="text-[.65rem]">
Dies betrifft jede Interaktion im Spiel und zugehörige Daten wie z.B. Chatnachrichten welche vom Minecraft
@ -117,7 +122,9 @@ const signupDisabledSubMessage = signupSetting[SettingKey.SignupDisabledSubMessa
</div>
<button class="btn btn-neutral">Anmeldung absenden</button>
</form>
</SignupLayout>
</div>
</div>
</WebsiteLayout>
<RulesPopup client:idle />