From 49480720cf474a7cc74854f912b868efb8a20f27 Mon Sep 17 00:00:00 2001 From: Tor Andersson Date: Tue, 17 Oct 2023 18:33:41 +0200 Subject: Mobile phone layout. --- about.html | 2 -- play.css | 16 +++++++--------- play.html | 12 +++++++----- 3 files changed, 14 insertions(+), 16 deletions(-) diff --git a/about.html b/about.html index 942575e..200d83f 100644 --- a/about.html +++ b/about.html @@ -6,8 +6,6 @@ to manipulate people and situations to ensure that the family's name is remembered by history rather than being lost in the mists of time. -
-

Game Design by Wray Ferrell and Brad Johnson. diff --git a/play.css b/play.css index 6053b21..80f302c 100644 --- a/play.css +++ b/play.css @@ -82,6 +82,12 @@ body.Green .your_turn { background-color: hsl(99,36%,65%) } cursor: pointer; } +@media (max-width: 800px) { + #panel_list { + min-width: 2550px; + } +} + #mapwrap { width: 2550px; height: 1740px; @@ -674,7 +680,7 @@ body.tint .legion.reduced { .panel { background-color: #444; - max-width: min(calc(100% - 30px), 1636px); + width: clamp(824px, calc(100% - 30px), 1636px); margin: 12px auto 36px auto; box-shadow: 1px 2px 6px #0004; border: 1px solid #0008; @@ -801,11 +807,3 @@ body.tint .legion.reduced { border: 2px solid #444; opacity: 0.8; } - -/* MOBILE LAYOUT */ - -@media (max-width: 640px) { - .panel_body { - justify-content: center; - } -} diff --git a/play.html b/play.html index 8c07d39..3f51882 100644 --- a/play.html +++ b/play.html @@ -2,14 +2,14 @@ - + TIME OF CRISIS - + - + @@ -30,8 +30,6 @@ Card Gallery -

-
@@ -178,6 +176,8 @@ +
+
Played
@@ -208,6 +208,8 @@
+
+ -- cgit v1.2.3