diff --git a/srcs/requirements/svelte/api_front/src/pages/game/Game.svelte b/srcs/requirements/svelte/api_front/src/pages/game/Game.svelte index 2d2b81d9..97c56656 100644 --- a/srcs/requirements/svelte/api_front/src/pages/game/Game.svelte +++ b/srcs/requirements/svelte/api_front/src/pages/game/Game.svelte @@ -314,6 +314,7 @@ } #game_page { margin: 0; + padding: 20px; background-color: #222425; position: relative; width: 100%; @@ -335,7 +336,6 @@ canvas { } .div_game { - margin-top: 20px; text-align: center; font-family: "Bit5x3"; color: rgb(245, 245, 245); diff --git a/srcs/requirements/svelte/api_front/src/pages/game/GameSpectator.svelte b/srcs/requirements/svelte/api_front/src/pages/game/GameSpectator.svelte index 8f72ab6e..ecdfa271 100644 --- a/srcs/requirements/svelte/api_front/src/pages/game/GameSpectator.svelte +++ b/srcs/requirements/svelte/api_front/src/pages/game/GameSpectator.svelte @@ -74,7 +74,7 @@ pongSpectator.destroy(); fetchMatchList(); }; - + async function fetchMatchList() { matchList = await fetch(`http://${process.env.WEBSITE_HOST}:${process.env.WEBSITE_PORT}/api/v2/game/match/all`) .then( x => x.json() ); @@ -150,8 +150,10 @@ font-style: normal; font-display: swap; } + #game_page { margin: 0; + padding: 20px; background-color: #222425; position: relative; width: 100%; @@ -160,15 +162,19 @@ #canvas_container { margin-top: 20px; text-align: center; + /* border: dashed rgb(245, 245, 245) 5px; */ + /* max-height: 80vh; */ + /* overflow: hidden; */ } canvas { + /* background-color: #ff0000; */ background-color: #333333; max-width: 75vw; + /* max-height: 100vh; */ width: 80%; } .div_game { - margin-top: 20px; text-align: center; font-family: "Bit5x3"; color: rgb(245, 245, 245); @@ -182,10 +188,6 @@ canvas { .div_game fieldset div { padding: 10px; } -#match_list { - font-family: 'Courier New', Courier, monospace; - font-size: large; -} .pong_button { font-family: "Bit5x3"; color: rgb(245, 245, 245); @@ -193,4 +195,10 @@ canvas { font-size: x-large; padding: 10px; } + +#match_list { + font-family: 'Courier New', Courier, monospace; + font-size: large; +} +