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 {
background-image: linear-gradient(90deg, #5843e4, #5a0760);;
background-image: linear-gradient(90deg, #5843e4, #5a0760);
display: flex;
flex-wrap: wrap;
overflow: hidden;
border-radius: 5vh;
color: white;
display: block;
/* display: block; */
margin: auto;
margin-top: 30vh;
padding: 2vh 5vw;
padding: 2vh 4vw;
height: 10vh;
width: 20vw;
font-size: 300%;
font-size: 250%;
text-align: center;
}
.field {
background-color: rgb(249, 249, 249);
/* border-radius: 5vh; */
@ -22,7 +27,7 @@
height: 80%;
width: 80%;
/* font-size: 300%; */
}
}
.clicked{
/* justify-content: center; */
@ -40,6 +45,29 @@
/* padding-top: 25; */
/* 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 {
background-color: rgb(124, 47, 47);