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

tried a games page

This commit is contained in:
ROEvGABE 2022-10-10 21:14:57 -04:00
parent 3986a8b752
commit ae8b6f0a77
1 changed files with 38 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

38
src/routes/(app)/games/[id]/+page.svelte
View File

@ -0,0 +1,38 @@
<svelte:head>
<title>Games - Rowblox</title>
</svelte:head>
<div class="accent py-0.5 flex-none shadow-md"></div>
<div class="my-4 flex-grow">
<div class="container"><div class="carbon-gradient rounded shadow-lg p-4"><div class="flex mb-4"><img class="w-[38rem] float-left" alt="">
<div class="pl-4 w-full flex flex-col place-content-between"><div class="max-w-[22.9rem]"><p class="text-3xl font-bold text-ellipsis overflow-clip">Test Game</p>
<p class="text-zinc-500">By <a class="font-bold text-blue-500 hover:text-zinc-300" href="/users/1">Rowblox</a></p></div>
<div class="flex flex-col"><div class="w-full flex flex-col mb-4 mx-auto"><div class="flex flex-row place-content-between mb-0.5 px-1"><div class="flex flex-row text-green-200"><i class="fa fa-thumbs-up text-4xl hover:text-green-300" aria-hidden="true"></i>
<p class="my-auto text-lg px-2 select-none font-bold">0</p></div>
<div class="flex flex-row text-red-200"><p class="my-auto text-lg px-2 select-none font-bold">0</p>
<i class="fa fa-thumbs-down text-4xl hover:text-red-300" aria-hidden="true"></i></div></div>
<div class="relative"><div class="py-0.5 bg-red-400 rounded-lg absolute left-0 w-full "></div>
<div class="py-0.5 bg-green-400 rounded-lg absolute left-0" style="width: 50%;"></div></div></div>
<a class=" text-blue-500 accent shadow-lg rounded hover:text-zinc-300 mb-2 p-1 text-center flex-grow ml-1 border-[3px] border-blue-500" href="/games/1/edit">Edit Game</a></div>
<button class="text-xl bg-white hover:text-zinc-300 py-3 w-full rounded shadow-lg accent text-blue-500 border-blue-500 border-[3px]">Play</button></div></div></div>
<div class="divider-0"></div>
<p class="py-2">Test Game</p>
<div class="divider-0"></div>
<div class="flex flex-row"><div class="m-4 text-center flex-grow"><p class="text-zinc-500 inline-block">Players</p>
<p class="">0</p></div>
<div class="m-4 text-center flex-grow"><p class="text-zinc-500 inline-block">Visits</p>
<p class="">0</p></div>
<div class="m-4 text-center flex-grow"><p class="text-zinc-500 inline-block">Created</p>
<p class="">10/10/22</p></div>
<div class="m-4 text-center flex-grow"><p class="text-zinc-500 inline-block">Updated</p>
<p class="">10/10/22</p></div>
<div class="m-4 text-center flex-grow"><p class="text-zinc-500 inline-block">Max Players</p>
<p class="">All</p></div></div>
<div class="divider-0"></div></div>
<div class="carbon-gradient rounded shadow-lg p-2 mt-4"><div class="flex flex-row text-xl text-center"><a href="#players" class="flex-auto text-zinc-600">Players</a>
<a href="#gamepasses" class="flex-auto hover:cursor-pointer hover:text-zinc-300">Gamepasses</a></div></div>
<div class="carbon-gradient rounded shadow-lg p-[0.7rem] mt-2"><p class="p-1.5 text-base">No players connected</p></div></div>