From 194acdaea3837b9bf32314f992c02cfc6b23f509 Mon Sep 17 00:00:00 2001
From: Manuel Thalmann <m@nuth.ch>
Date: Thu, 15 Dec 2022 18:39:11 +0100
Subject: [PATCH] Make the board shrink based on the height
---
src/styles/style.css | 10 +++++-----
1 file changed, 5 insertions(+), 5 deletions(-)
diff --git a/src/styles/style.css b/src/styles/style.css
index 8a283c4..cbc0242 100644
--- a/src/styles/style.css
+++ b/src/styles/style.css
@@ -3,15 +3,15 @@ div {
}
.board {
- width: 84vw;
+ width: min(84vw, 84vh);
margin: 10px auto;
outline: 1px solid black;
}
.board .field {
border: 1px solid black;
- width: 12vw;
- height: 12vw;
+ width: min(12vw, 12vh);
+ height: min(12vw, 12vh);
float: left;
}
@@ -20,8 +20,8 @@ div {
}
.board .field .piece {
- width: 10vw;
- height: 10vw;
+ width: 95%;
+ height: 95%;
border-radius: 50%;
margin: 1vw;
}