tom/METH_Transcendence
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Site :

Browse Source 
- Fix central lobby
This commit is contained in:
Misthaa
2024-09-22 18:39:40 +02:00
parent b7332b178f
commit 1d719ffc64
2 changed files with 43 additions and 35 deletions
Download Patch File Download Diff File Expand all files Collapse all files

80
docker-compose/requirements/djangoserver/file/server/server/templates/lobbyPage.html
View File

@ -27,49 +27,51 @@
<p id="infoChat">You are not connected to the chat</p>
</div>
</div>
<div class="main">
<div id="loginPopup" class="popup">
<div class="popup-content">
<span id="closePopupBtn" class="close"></span>
<h1>Select your game mode</h1>
<div id="choose">
<div class="select-card">
<p>Multiplayer local</p>
</div>
<div class="select-card">
<p>Matchmaking</p>
</div>
<div class="select-card">
<p>Ranked</p>
</div>
<div class="select-card">
<p>Tournament</p>
<div class="main-container">
<div class="main">
<div id="loginPopup" class="popup">
<div class="popup-content">
<span id="closePopupBtn" class="close"></span>
<h1>Select your game mode</h1>
<div id="choose">
<div class="select-card">
<p>Multiplayer local</p>
</div>
<div class="select-card">
<p>Matchmaking</p>
</div>
<div class="select-card">
<p>Ranked</p>
</div>
<div class="select-card">
<p>Tournament</p>
</div>
</div>
</form>
</div>
</form>
</div>
</div>
<div class="game-mode">
<div class="mode-card">
<p>Multiplayer local</p>
</div>
</div>
<div id="whatGame">
<p>The key to success is timing and precision, as you need to position your paddle correctly to deflect the ball at the right angle.</p>
<span class="line"></span>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin sit amet velit vitae lorem tempor auctor. In tempor ac ex ut finibus. Duis lobortis non justo eu venenatis.</p>
</div>
<div class="skin-select">
<div id="bar">
</div>
<div id="goal">
</div>
<div class="game-mode">
<div class="mode-card">
<p>Multiplayer local</p>
</div>
</div>
<div id="whatGame">
<p>The key to success is timing and precision, as you need to position your paddle correctly to deflect the ball at the right angle.</p>
<span class="line"></span>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin sit amet velit vitae lorem tempor auctor. In tempor ac ex ut finibus. Duis lobortis non justo eu venenatis.</p>
</div>
<div class="skin-select">
<div id="bar">
</div>
<div id="goal">
</div>
</div>
</div>
</div>
<div class="bottom">

8
docker-compose/requirements/nginx/static/style/lobbyPage/lobbyPage.css
View File

@ -56,12 +56,18 @@ body {
user-select: none;
}
.main-container{
display: flex;
justify-content: center;
align-items: center;
}
.main{
padding-block: 45px;
padding-inline: 150px;
display: flex;
flex-direction: row;
gap: 2.6rem;
gap: 12rem;
}
.skin-select{