From 21f8d35bb7ea997c5b27e92032396ec532d81317 Mon Sep 17 00:00:00 2001
From: Josh Creek <8179928+jcreek@users.noreply.github.com>
Date: Sun, 7 Apr 2024 15:28:15 +0100
Subject: [PATCH] fix(#13): Add hacky workaround for component styling

---
 .gitignore                       | 1 +
 src/lib/components/SignUp.svelte | 2 +-
 src/routes/+page.svelte          | 2 ++
 3 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/.gitignore b/.gitignore
index 6635cf5..b586541 100644
--- a/.gitignore
+++ b/.gitignore
@@ -8,3 +8,4 @@ node_modules
 !.env.example
 vite.config.js.timestamp-*
 vite.config.ts.timestamp-*
+/static/output.css
\ No newline at end of file
diff --git a/src/lib/components/SignUp.svelte b/src/lib/components/SignUp.svelte
index 141939d..5fe82b6 100644
--- a/src/lib/components/SignUp.svelte
+++ b/src/lib/components/SignUp.svelte
@@ -36,4 +36,4 @@
 />
 
 <input type="password" bind:value={password} placeholder="Password" />
-<button class="btn btn-primary" on:click={signUpNewUser}>Sign Up</button>
+<button class="btn btn-secondary" on:click={signUpNewUser}>Sign Up</button>
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 919de56..b17ade1 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -58,3 +58,5 @@
 	<PokemonSprite pokedexNumber={666} form={''} />
 	<PokemonSprite pokedexNumber={'003'} form={''} />
 </div>
+
+<div class="bg-blue-500 text-white p-4">This is a component styled with Tailwind CSS</div>