Merge branch 'sitetest' of https://github.com/Rowblox/rowblox into sitetest

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>

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" />
+		<input class="rounded px-2 border-2 border-grey-300 text-black flex-grow mr-10" type="text" name="search" id="search" placeholder="Search" />
-		<span class="flex-grow" />
+		<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">
-		<a class="mr-2 px-2 flex items-center my-auto rounded bg-blue-500 shadow-lg" 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>

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>

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 />

tailwind.config.cjs

@@ -5,7 +5,7 @@ module.exports = {
 		container: {
 			center: true,
 			padding: {
-				"2xl": "12rem"
+				"2xl": "16rem"
 			}
 		},
 		extend: {}