x/web-app-template
Archived
Template
2
0
Fork 0
Code Issues 13 Pull Requests 4 Actions Packages Activity

fix some styles

Browse Source
This commit is contained in:
Tim
2024-07-26 23:36:39 +02:00
parent f6a61e78a4
commit 75f5ff2856
3 changed files with 19 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
view/src/routes/+layout.svelte
View File

@@ -31,14 +31,18 @@
};
</script>
<div class="flex justify-end items-center min-h-10 gap-10 py-1 px-10 border-b border-accent">
<a href="/" class="flex-1">ME-FIT</a>
{#if user}
<p>{user?.email}</p>
<button class="btn" on:click={async () => signOut()}>Logout</button>
{:else}
<a href="/login" class="btn">Login</a>
{/if}
</div>
<div class="h-lvh flex flex-col">
<div class="flex justify-end items-center min-h-10 gap-10 py-1 px-10 border-b border-accent">
<a href="/" class="flex-1">ME-FIT</a>
{#if user}
<p>{user?.email}</p>
<button class="btn" on:click={async () => signOut()}>Logout</button>
{:else}
<a href="/login" class="btn">Login</a>
{/if}
</div>
<slot></slot>
<div class="flex-1">
<slot></slot>
</div>
</div>

2
view/src/routes/+page.svelte
View File

@@ -1,3 +1,3 @@
<div class="flex h-svh justify-center items-center">
<div class="flex justify-center items-center h-full">
<h1 class="text-9xl text-primary-content">Welcome to ME-FIT</h1>
</div>

5
view/src/routes/login/+page.svelte
View File

@@ -23,7 +23,10 @@
};
</script>
<form class="max-w-xl mx-auto flex flex-col gap-4" on:submit|preventDefault={signIn}>
<form
class="max-w-xl mx-auto flex flex-col gap-4 h-full justify-center"
on:submit|preventDefault={signIn}
>
<h2 class="text-6xl mb-10">Login</h2>
<label class="input input-bordered flex items-center gap-2">
<svg