From 2f2cb76ed5d1ce7184f3f4186f494e2b1499c8f9 Mon Sep 17 00:00:00 2001 From: Tor Andersson Date: Sun, 4 Jun 2023 21:12:22 +0200 Subject: Crop map graphic to physical size. --- play.css | 20 ++++++++++---------- 1 file changed, 10 insertions(+), 10 deletions(-) (limited to 'play.css') diff --git a/play.css b/play.css index ad45bd8..b033bde 100644 --- a/play.css +++ b/play.css @@ -38,8 +38,8 @@ header.your_turn { background-color: orange; } /* PANELS */ .panel { - min-width: 1350px; - max-width: 1350px; + min-width: 1275px; + max-width: 1275px; margin: 12px auto 36px auto; background-color: #555; } @@ -384,7 +384,7 @@ body.shift #capabilities2 { justify-content: center; align-items: center; min-height: 260px; - max-width: 1350px; + max-width: 1275px; gap: 16px; } @@ -415,8 +415,8 @@ body.shift #capabilities2 { /* MAP */ #mapwrap { - width: 1350px; - height: 1725px; + width: 1275px; + height: 1650px; box-shadow: 0px 1px 10px #0008; z-index: 3; } @@ -424,8 +424,8 @@ body.shift #capabilities2 { #map { background-repeat: no-repeat; background-size: cover; - width: 1350px; - height: 1725px; + width: 1275px; + height: 1650px; overflow: clip; } @@ -524,18 +524,18 @@ body.shift #capabilities2 { @media (min-width: 2800px) { main { display: grid; gap: 0 12px; } - main { grid-template-columns: 0 1350px auto 0; } + main { grid-template-columns: 0 1275px auto 0; } #sec_map { grid-row: 1; grid-column: 2 } #sec_battle { grid-row: 2; grid-column: 2 } #sec_lords { grid-row: 1 / 3; grid-column: 3 } } @media (min-width: 3200px) { - main { grid-template-columns: 36px 1350px auto 0; } + main { grid-template-columns: 36px 1275px auto 0; } } @media (min-width: 4100px) { - main { grid-template-columns: 0 1350px 1fr 1350px 0; } + main { grid-template-columns: 0 1275px 1fr 1275px 0; } #sec_map { grid-row: 1; grid-column: 2 } #sec_lords { grid-row: 1; grid-column: 3 } #sec_battle { grid-row: 1; grid-column: 4 } -- cgit v1.2.3