Rowblox
/
Rowblox-V2
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

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

This commit is contained in:
unexp 2022-10-09 00:48:01 -03:00
parent 6150ec6573 4d436ca76d
commit e78b87e432
4 changed files with 31 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/lib/components/UserListed.svelte
View File

@ -1,6 +1,6 @@
<div class="max-w-[7rem]"> <div class="max-w-[6rem] inline-block">
<a href="/users/1"> <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> <p class="text-center">Rowblox</p>
</a> </a>
</div> </div>

18
src/routes/(app)/+page.svelte
View File

@ -13,12 +13,21 @@
</div> </div>
<div class="my-2"> <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> <p class="font-bold text-2xl my-1">Friends</p>
<span class="flex-grow" /> <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> <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> </div>
<Friend /> <Friend />
<Friend />
<Friend />
<Friend />
<Friend />
<Friend />
<Friend />
<Friend />
<Friend />
<Friend />
</div> </div>
<div class="my-2"> <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> <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> </div>
<Game /> <Game />
<Game />
<Game />
<Game />
<Game />
<Game />
<Game />
<Game />
</div> </div>

12
src/routes/(app)/games/+page.svelte
View File

@ -7,9 +7,19 @@
</svelte:head> </svelte:head>
<div class="flex items-center"> <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" /> <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> <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> </div>
<Game /> <Game />
<Game />
<Game />
<Game />
<Game />
<Game />
<Game />
<Game />
<Game />

2
tailwind.config.cjs
View File

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