rparodi/ft_transcendence
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

[wip]

Browse source
This commit is contained in:
bgoulard 2026-01-10 12:18:26 +01:00 • committed by Maix0
parent 9f9eea9525
commit 6d2ebc56ea
2 changed files with 15 additions and 14 deletions
Download patch file Download diff file Expand all files Collapse all files

2
frontend/src/pages/pong/pong.css
View file

@ -6,7 +6,7 @@
@tailwind utilities; @tailwind utilities;
.btn-style { .pong-btn-style {
@apply @apply
min-w-25 min-w-25
min-h-8 min-h-8

27
frontend/src/pages/pong/pong.html
View file

@ -1,18 +1,19 @@
<div class="displaybox"> <div class="displaybox">
<div id="mainbox" class="mainboxDisplay"> <div id="mainbox" class="
<button id="QueueBtn" class="btn-style absolute top-4 left-6">Queue Up</button> min-w-25 min-h-8 border border-gray-500 rounded-3xl bg-gray-500
<button id="LocalBtn" class="btn-style absolute top-14 left-6">Local Game</button> text-white cursor-pointer shadow-[0_2px_0_0_black] transition-all hover:bg-blue-200 active:bg-gray-400
<span id="queue-info" class="flex rounded-3xl border-7 border-gray-500 bg-gray-500 absolute top-4 right-6">?👤 active:translate-y-px active:shadow-[0_2px_0_0_black];">
?⏳ ?▮•▮</span> <!-- total | in queue | games--> <div class="flex flex-col gap-2">
<button id="TourBtn" <button id="QueueBtn" class="pong-btn-style top-4 left-6">Queue Up</button>
class="min-25 min-h-8 border border-gray-500 rounded-3xl bg-gray-500 text-white cursor-pointer shadow-[0_2px_0_0_black] transition-all hover:bg-blue-200 active:bg-gray-400 active:translate-y-px active:shadow-[0_2px_0_0_black] absolute top-16 right-6"> <button id="LocalBtn" class="pong-btn-style top-14 left-6">Local Game</button>
<span class="mx-2">Create Tournament</span> </div>
</button> <!-- Tournament Button --> <div class="flex flex-col gap-2 items-end">
<button id="play-info" class="pong-how-to-play absolute top-26 right-6">?</button> <!-- how to play?--> <span id="queue-info" class="flex rounded-3xl border-7 border-gray-500 bg-gray-500 top-4 right-6">?👤 ?⏳ ?▮•▮</span> <!-- total | in queue | games-->
<button id="play-info" class="pong-how-to-play top-14 right-6">?</button> <!-- how to play?-->
</div>
<br>
<h1 class="text-3xl font-bold text-gray-800">Pong Box</h1>
<br> <br>
<h1 class="text-3xl font-bold text-gray-800">
Pong Box<span id="t-username"></span>
</h1><br>
<!-- Horizontal Message Box --> <!-- Horizontal Message Box -->
<div id="score-box" class="grid grid-cols-[1fr_auto_1fr] items-center"> <div id="score-box" class="grid grid-cols-[1fr_auto_1fr] items-center">