This commit is contained in:
Josh Creek
2024-04-10 20:55:45 +01:00
6 changed files with 82 additions and 40 deletions
+1 -1
View File
@@ -1,5 +1,5 @@
<!doctype html> <!doctype html>
<html lang="en"> <html lang="en" data-theme="dracula">
<head> <head>
<meta charset="utf-8" /> <meta charset="utf-8" />
<link rel="icon" href="%sveltekit.assets%/favicon.png" /> <link rel="icon" href="%sveltekit.assets%/favicon.png" />
+29 -33
View File
@@ -28,36 +28,32 @@
} }
</script> </script>
<div class="flex flex-row gap-x-2"> <form class="card-body">
<label class="input input-bordered flex items-center gap-2"> <div class="form-control">
<svg <label class="label">
xmlns="http://www.w3.org/2000/svg" <span class="label-text">Email</span>
viewBox="0 0 16 16" </label>
fill="currentColor" <input
class="w-4 h-4 opacity-70" type="email"
><path placeholder="email"
d="M2.5 3A1.5 1.5 0 0 0 1 4.5v.793c.026.009.051.02.076.032L7.674 8.51c.206.1.446.1.652 0l6.598-3.185A.755.755 0 0 1 15 5.293V4.5A1.5 1.5 0 0 0 13.5 3h-11Z" class="input input-bordered"
/><path required
d="M15 6.954 8.978 9.86a2.25 2.25 0 0 1-1.956 0L1 6.954V11.5A1.5 1.5 0 0 0 2.5 13h11a1.5 1.5 0 0 0 1.5-1.5V6.954Z" bind:value={email}
/></svg />
> </div>
<input type="text" class="grow" placeholder="Email" bind:value={email} /> <div class="form-control">
</label> <label class="label">
<span class="label-text">Password</span>
<label class="input input-bordered flex items-center gap-2"> </label>
<svg <input
xmlns="http://www.w3.org/2000/svg" type="password"
viewBox="0 0 16 16" placeholder="password"
fill="currentColor" class="input input-bordered"
class="w-4 h-4 opacity-70" required
><path bind:value={password}
fill-rule="evenodd" />
d="M14 6a4 4 0 0 1-4.899 3.899l-1.955 1.955a.5.5 0 0 1-.353.146H5v1.5a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1-.5-.5v-2.293a.5.5 0 0 1 .146-.353l3.955-3.955A4 4 0 1 1 14 6Zm-4-2a.75.75 0 0 0 0 1.5.5.5 0 0 1 .5.5.75.75 0 0 0 1.5 0 2 2 0 0 0-2-2Z" </div>
clip-rule="evenodd" <div class="form-control mt-6">
/></svg <button class="btn btn btn-primary" on:click={signUpNewUser}>Sign Up</button>
> </div>
<input type="password" class="grow" bind:value={password} placeholder="Password" /> </form>
</label>
<button class="btn btn-primary" on:click={signUpNewUser}>Sign Up</button>
</div>
+36
View File
@@ -2,6 +2,42 @@
import 'tailwindcss/tailwind.css'; import 'tailwindcss/tailwind.css';
</script> </script>
<header>
<div class="navbar bg-base-100">
<div class="flex-1">
<a class="btn btn-ghost text-xl">Pokedex Tracker</a>
</div>
<div class="flex-none gap-2">
<div class="form-control">
<input type="text" placeholder="Search" class="input input-bordered w-24 md:w-auto" />
</div>
<div class="dropdown dropdown-end">
<div tabindex="0" role="button" class="btn btn-ghost btn-circle avatar">
<div class="w-10 rounded-full">
<img
alt="Tailwind CSS Navbar component"
src="https://daisyui.com/images/stock/photo-1534528741775-53994a69daeb.jpg"
/>
</div>
</div>
<ul
tabindex="0"
class="mt-3 z-[1] p-2 shadow menu menu-sm dropdown-content bg-base-100 rounded-box w-52"
>
<li>
<a class="justify-between">
Profile
<span class="badge">New</span>
</a>
</li>
<li><a>Settings</a></li>
<li><a>Logout</a></li>
</ul>
</div>
</div>
</div>
</header>
<main> <main>
<slot /> <slot />
</main> </main>
+11 -5
View File
@@ -47,14 +47,20 @@
<span>Welcome back {userEmail}</span> <span>Welcome back {userEmail}</span>
<br /> <br />
{/if} {/if}
<SignUp {supabase} />
<br /> <br />
<SignIn {supabase} on:signedIn={setUserEmail} /> <SignIn {supabase} on:signedIn={setUserEmail} />
<br /> <br />
<SignOut {supabase} on:signedOut={setUserEmail} /> <SignOut {supabase} on:signedOut={setUserEmail} />
<div> <div class="hero min-h-screen bg-base-200">
<PokemonSprite pokedexNumber={666} form={'poke-ball'} /> <div class="hero-content flex-col lg:flex-row-reverse">
<PokemonSprite pokedexNumber={666} form={''} /> <div class="text-center lg:text-left">
<PokemonSprite pokedexNumber={'003'} form={''} /> <h1 class="text-5xl font-bold">Start Your Pokemon Journey!</h1>
</div>
<div class="card shrink-0 w-full max-w-sm shadow-2xl bg-base-100">
<SignUp {supabase} />
</div>
</div>
</div> </div>
<p></p>
+1
View File
@@ -0,0 +1 @@
<h1>dfftht</h1>
+4 -1
View File
@@ -4,5 +4,8 @@ export default {
theme: { theme: {
extend: {} extend: {}
}, },
plugins: [require('daisyui')] plugins: [require('daisyui')],
daisyui: {
themes: ['light', 'dark', 'dracula']
}
}; };