42/42_INT_14_transcendence
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

css small fix

Browse Source
This commit is contained in:
LuckyLaszlo
2023-01-15 21:11:38 +01:00
parent 1a07065f6a
commit c6d034b9f7
1 changed files with 42 additions and 42 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
srcs/requirements/svelte/api_front/src/pages/game/Game.svelte
View File

@@ -289,8 +289,7 @@
{#if hiddenGame} {#if hiddenGame}
{#if showGameOptions} {#if showGameOptions}
<div id="game_option"> <div class="div_game" id="game_options">
<div class="div_game">
<button class="pong_button" on:click={fetchInvitations}>Show invitations</button> <button class="pong_button" on:click={fetchInvitations}>Show invitations</button>
<fieldset in:fly="{{ y: 10, duration: 1000 }}"> <fieldset in:fly="{{ y: 10, duration: 1000 }}">
<legend>game options</legend> <legend>game options</legend>
@@ -334,11 +333,10 @@
</div> </div>
</fieldset> </fieldset>
</div> </div>
</div>
{/if} {/if}
{#if showInvitations} {#if showInvitations}
<div class="div_game"> <div class="div_game" id="game_invitations">
<button class="pong_button" on:click={switchToGameOptions}>Play a Game</button> <button class="pong_button" on:click={switchToGameOptions}>Play a Game</button>
<fieldset in:fly="{{ y: 10, duration: 1000 }}"> <fieldset in:fly="{{ y: 10, duration: 1000 }}">
<legend>invitations</legend> <legend>invitations</legend>
@@ -372,9 +370,11 @@
flex-direction: column; flex-direction: column;
flex-grow: 1; flex-grow: 1;
} }
#game_option {
#game_options, #game_invitations {
margin-top: 20px; margin-top: 20px;
} }
#canvas_container { #canvas_container {
margin-top: 20px; margin-top: 20px;
text-align: center; text-align: center;