manuth/ConnectForce
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Compare commits

base: manuth:a097fa2b882b79f99f81e0bcb0e76f78aca1c535
Branches Tags
manuth:main
manuth:dev
manuth:webpack
manuth:gh-pages
manuth:week-09
manuth:week-08
..
compare: manuth:e5fddf7a7d41c17b1ef02b8a5d64bc78175e9da2
Branches Tags
manuth:dev
manuth:main
manuth:webpack
manuth:gh-pages
manuth:week-09
manuth:week-08

2 commits
a097fa2b88 ... e5fddf7a7d

Author SHA1 Message Date
Manuel Thalmann
e5fddf7a7d Align the chips properly
All checks were successful
ci/woodpecker/push/woodpecker Pipeline was successful
Details
2022-12-15 18:39:32 +01:00
Manuel Thalmann
194acdaea3 Make the board shrink based on the height 2022-12-15 18:39:11 +01:00
1 changed files with 8 additions and 6 deletions
Show stats Expand all files Collapse all files

14
src/styles/style.css
View file

@ -3,15 +3,18 @@ div {
} }
.board { .board {
width: 84vw; width: min(84vw, 84vh);
margin: 10px auto; margin: 10px auto;
outline: 1px solid black; outline: 1px solid black;
} }
.board .field { .board .field {
border: 1px solid black; border: 1px solid black;
width: 12vw; width: min(12vw, 12vh);
height: 12vw; height: min(12vw, 12vh);
display: flex;
align-items: center;
justify-content: center;
float: left; float: left;
} }
@ -20,10 +23,9 @@ div {
} }
.board .field .piece { .board .field .piece {
width: 10vw; width: 95%;
height: 10vw; height: 95%;
border-radius: 50%; border-radius: 50%;
margin: 1vw;
} }
.board .field .blue { .board .field .blue {