Kinou/ft_transcendence
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

button

Browse Source
This commit is contained in:
Little Dipper 2023-06-21 02:49:02 +02:00
parent 93ed2a7eff
commit 660088fb74
1 changed files with 33 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

38
containers/react/src/styles/field.css
View File

@ -1,16 +1,21 @@
.playButton { .playButton {
background-image: linear-gradient(90deg, #5843e4, #5a0760);; background-image: linear-gradient(90deg, #5843e4, #5a0760);
display: flex;
flex-wrap: wrap;
overflow: hidden;
border-radius: 5vh; border-radius: 5vh;
color: white; color: white;
display: block; /* display: block; */
margin: auto; margin: auto;
margin-top: 30vh; margin-top: 30vh;
padding: 2vh 5vw; padding: 2vh 4vw;
height: 10vh; height: 10vh;
width: 20vw; width: 20vw;
font-size: 300%; font-size: 250%;
text-align: center;
} }
.field { .field {
background-color: rgb(249, 249, 249); background-color: rgb(249, 249, 249);
/* border-radius: 5vh; */ /* border-radius: 5vh; */
@ -22,7 +27,7 @@
height: 80%; height: 80%;
width: 80%; width: 80%;
/* font-size: 300%; */ /* font-size: 300%; */
} }
.clicked{ .clicked{
/* justify-content: center; */ /* justify-content: center; */
@ -40,6 +45,29 @@
/* padding-top: 25; */ /* padding-top: 25; */
/* padding-top: 177.77% */ /* padding-top: 177.77% */
} }
@media screen and (max-width: 900px){
.playButton{
font-size: 200%;
}
}
@media screen and (max-width: 700px){
.playButton{
font-size: 150%;
}
}
@media screen and (max-width: 530px){
.playButton{
font-size: 100%;
}
}
@media screen and (max-width: 350px){
.playButton{
font-size: 50%;
}
}
#myCanvas { #myCanvas {
background-color: rgb(124, 47, 47); background-color: rgb(124, 47, 47);