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 Wundenberg
2024-07-26 23:36:39 +02:00
parent 04fa4ddf68
commit 98c6f57008
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> </script>
<div class="flex justify-end items-center min-h-10 gap-10 py-1 px-10 border-b border-accent"> <div class="h-lvh flex flex-col">
<a href="/" class="flex-1">ME-FIT</a> <div class="flex justify-end items-center min-h-10 gap-10 py-1 px-10 border-b border-accent">
{#if user} <a href="/" class="flex-1">ME-FIT</a>
<p>{user?.email}</p> {#if user}
<button class="btn" on:click={async () => signOut()}>Logout</button> <p>{user?.email}</p>
{:else} <button class="btn" on:click={async () => signOut()}>Logout</button>
<a href="/login" class="btn">Login</a> {:else}
{/if} <a href="/login" class="btn">Login</a>
</div> {/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> <h1 class="text-9xl text-primary-content">Welcome to ME-FIT</h1>
</div> </div>

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

@@ -23,7 +23,10 @@
}; };
</script> </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> <h2 class="text-6xl mb-10">Login</h2>
<label class="input input-bordered flex items-center gap-2"> <label class="input input-bordered flex items-center gap-2">
<svg <svg