From 4d436ca76d2af28474f3d2509a52b226916700c1 Mon Sep 17 00:00:00 2001
From: I-Have-An-Issue <34550332+I-Have-An-Issue@users.noreply.github.com>
Date: Sat, 8 Oct 2022 22:49:41 -0400
Subject: [PATCH 1/2] Home + Games (needs fine-tuning positioning)

---
 src/lib/components/UserListed.svelte |  4 ++--
 src/routes/(app)/+page.svelte        | 18 +++++++++++++++++-
 src/routes/(app)/games/+page.svelte  | 12 +++++++++++-
 tailwind.config.cjs                  |  2 +-
 4 files changed, 31 insertions(+), 5 deletions(-)

diff --git a/src/lib/components/UserListed.svelte b/src/lib/components/UserListed.svelte
index 2666b6a..babe819 100644
--- a/src/lib/components/UserListed.svelte
+++ b/src/lib/components/UserListed.svelte
@@ -1,6 +1,6 @@
-<div class="max-w-[7rem]">
+<div class="max-w-[6rem] inline-block">
 	<a href="/users/1">
-		<img class="rounded-full border-2 border-grey-300 w-28 h-28 shadow-lg" src="" alt="" />
+		<img class="rounded-full border-2 border-grey-300 w-24 h-24 shadow-lg" src="" alt="" />
 		<p class="text-center">Rowblox</p>
 	</a>
 </div>
diff --git a/src/routes/(app)/+page.svelte b/src/routes/(app)/+page.svelte
index 1d01f83..cc2d5e0 100644
--- a/src/routes/(app)/+page.svelte
+++ b/src/routes/(app)/+page.svelte
@@ -13,12 +13,21 @@
 </div>
 
 <div class="my-2">
-	<div class="flex items-center">
+	<div class="flex items-center mb-2">
 		<p class="font-bold text-2xl my-1">Friends</p>
 		<span class="flex-grow" />
 		<a class="text-lg px-3 py-0.5 rounded border-2 border-blue-500 shadow-lg cursor-pointer hover:bg-blue-200 text-blue-500" href="/my/friends">View All</a>
 	</div>
 	<Friend />
+	<Friend />
+	<Friend />
+	<Friend />
+	<Friend />
+	<Friend />
+	<Friend />
+	<Friend />
+	<Friend />
+	<Friend />
 </div>
 
 <div class="my-2">
@@ -28,4 +37,11 @@
 		<a class="text-lg px-3 py-0.5 rounded border-2 border-blue-500 shadow-lg cursor-pointer hover:bg-blue-200 text-blue-500" href="/games">View All</a>
 	</div>
 	<Game />
+	<Game />
+	<Game />
+	<Game />
+	<Game />
+	<Game />
+	<Game />
+	<Game />
 </div>
diff --git a/src/routes/(app)/games/+page.svelte b/src/routes/(app)/games/+page.svelte
index 146c10b..a9a8b6d 100644
--- a/src/routes/(app)/games/+page.svelte
+++ b/src/routes/(app)/games/+page.svelte
@@ -7,9 +7,19 @@
 </svelte:head>
 
 <div class="flex items-center">
-	<p class="font-bold text-2xl my-1">Games</p>
+	<p class="font-bold text-3xl my-1">Games</p>
 	<span class="flex-grow" />
+	<input class="rounded px-2 border-2 border-grey-300 text-black mr-2 py-1" type="text" name="search" id="search" placeholder="Search" />
+	<button class="text-lg px-3 py-0.5 rounded border-2 border-blue-500 shadow-lg cursor-pointer hover:bg-blue-200 text-blue-500 mr-2">Search</button>
 	<a class="text-lg px-3 py-0.5 rounded border-2 border-blue-500 shadow-lg cursor-pointer hover:bg-blue-200 text-blue-500" href="/games/create">Create Game</a>
 </div>
 
 <Game />
+<Game />
+<Game />
+<Game />
+<Game />
+<Game />
+<Game />
+<Game />
+<Game />
diff --git a/tailwind.config.cjs b/tailwind.config.cjs
index cc1363e..6ae27f5 100644
--- a/tailwind.config.cjs
+++ b/tailwind.config.cjs
@@ -5,7 +5,7 @@ module.exports = {
 		container: {
 			center: true,
 			padding: {
-				"2xl": "12rem"
+				"2xl": "16rem"
 			}
 		},
 		extend: {}

From 6150ec6573f72851ba8dce2978c88249f2b19dd6 Mon Sep 17 00:00:00 2001
From: unexp <unexplainings@gmail.com>
Date: Sun, 9 Oct 2022 00:44:46 -0300
Subject: [PATCH 2/2] Cool navbar

---
 src/routes/(app)/+layout.svelte | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/routes/(app)/+layout.svelte b/src/routes/(app)/+layout.svelte
index 806c401..5931d69 100644
--- a/src/routes/(app)/+layout.svelte
+++ b/src/routes/(app)/+layout.svelte
@@ -1,20 +1,20 @@
 <div class="navbar scrolling-background text-lg py-1 text-white">
-	<div class="container flex items-center">
+	<div class="container flex items-center justify-end">
 		<a href="/">
 			<img class="w-40 mr-6" src="/img/banner.png" alt="" />
 		</a>
 		<a class="mr-7" href="/games">Games</a>
 		<a class="mr-7" href="/catalog">Catalog</a>
 		<a class="mr-7" href="/forums">Forums</a>
-		<input class="rounded px-2 border-2 border-grey-300 text-black" type="text" name="search" id="search" placeholder="Search" />
-		<span class="flex-grow" />
-		<a class="mr-2 px-2 flex items-center my-auto rounded bg-blue-500 shadow-lg" href="/my/money">
+		<input class="rounded px-2 border-2 border-grey-300 text-black flex-grow mr-10" type="text" name="search" id="search" placeholder="Search" />
+		<a class="mr-4 px-2 py-1 flex items-center rounded bg-gradient-to-tr from-blue-700 to-blue-600 outline outline-blue-800 outline-1 shadow-md hover:shadow-xl" href="/my/money">
 			<img class="h-6 mr-1.5" src="/img/rowbux.png" alt="" />
 			100
 		</a>
-		<div class="relative inline-block dropdown">
+		<p class="text-2xl mb-0.5">|</p>
+		<div class="ml-2 relative inline-block dropdown">
 			<button class="hover:text-zinc-200" href="/my/profile"
-				>Only16Characters
+				>WWWWWWWWWWWWWWWW
 				<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="w-4 h-4 inline-block">
 					<path fill-rule="evenodd" d="M12.53 16.28a.75.75 0 01-1.06 0l-7.5-7.5a.75.75 0 011.06-1.06L12 14.69l6.97-6.97a.75.75 0 111.06 1.06l-7.5 7.5z" clip-rule="evenodd" />
 				</svg>