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

WIP css orga ttt

Browse source
This commit is contained in:
NigeParis 2026-01-03 12:07:32 +01:00 • committed by Maix0
parent b86d50f9f0
commit 97b14815b0
3 changed files with 22 additions and 16 deletions
Download patch file Download diff file Expand all files Collapse all files

0
frontend/src/pages/ttt/ttt.css Normal file
View file

14
frontend/src/pages/ttt/ttt.html
View file

@ -1,4 +1,11 @@
<div class="bg-gray-100 p-8">
<div class="displaybox">
<div id="mainbox" class="mainboxDisplay">
<button id="ttt-restart-btn" class="btn-style absolute top-6 right-6">New Game</button>
<h1 class="text-3xl font-bold text-gray-800">
Tic-tac-toe Box<span id="t-username"></span>
</h1><br>
<div class="grid-box mt-4">
<div class="grid grid-cols-3 gap-4 max-w-2xl mx-auto">
<div class="bg-blue-500 h-32 flex items-center justify-center text-white text-xl font-bold hover:bg-red-700 ttt-grid-cell"> </div>
<div class="bg-blue-500 h-32 flex items-center justify-center text-white text-xl font-bold hover:bg-red-700 ttt-grid-cell"> </div>
@ -10,7 +17,6 @@
<div class="bg-blue-500 h-32 flex items-center justify-center text-white text-xl font-bold hover:bg-red-700 ttt-grid-cell"> </div>
<div class="bg-blue-500 h-32 flex items-center justify-center text-white text-xl font-bold hover:bg-red-700 ttt-grid-cell"> </div>
</div>
<button id="ttt-restart-btn" class="mt-8 bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded">
Restart Game
</button>
</div>
</div>
</div>