build(#13): Add DaisyUI

2026-07-13 02:53:45 +00:00 · 2024-04-07 15:12:59 +01:00
parent 88b4d92905
commit 59ff274a44
8 changed files with 989 additions and 2 deletions
@@ -5,6 +5,7 @@
 		<link rel="icon" href="%sveltekit.assets%/favicon.png" />
 		<meta name="viewport" content="width=device-width, initial-scale=1" />
 		%sveltekit.head%
+		<link rel="stylesheet" href="%sveltekit.assets%/output.css" />
 	</head>
 	<body data-sveltekit-preload-data="hover">
 		<div style="display: contents">%sveltekit.body%</div>
@@ -28,6 +28,12 @@
 	}
 </script>

-<input type="email" bind:value={email} placeholder="Email" />
+<input
+	type="text"
+	placeholder="Email"
+	class="input input-bordered w-full max-w-xs"
+	bind:value={email}
+/>
+
 <input type="password" bind:value={password} placeholder="Password" />
-<button on:click={signUpNewUser}>Sign Up</button>
+<button class="btn btn-primary" on:click={signUpNewUser}>Sign Up</button>
@@ -1,4 +1,5 @@
 <script lang="ts">
+	import 'tailwindcss/tailwind.css';
 </script>

 <main>