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

remise du css pour game et game spectator

Browse Source
This commit is contained in:
batche
2023-01-09 11:13:41 +01:00
parent a346b7d5a2
commit 0f60b83121
2 changed files with 15 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -314,6 +314,7 @@
} }
#game_page { #game_page {
margin: 0; margin: 0;
padding: 20px;
background-color: #222425; background-color: #222425;
position: relative; position: relative;
width: 100%; width: 100%;
@@ -335,7 +336,6 @@ canvas {
} }
.div_game { .div_game {
margin-top: 20px;
text-align: center; text-align: center;
font-family: "Bit5x3"; font-family: "Bit5x3";
color: rgb(245, 245, 245); color: rgb(245, 245, 245);

20
srcs/requirements/svelte/api_front/src/pages/game/GameSpectator.svelte
View File

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