From ea8f308bc00330b5378eb2b8f16d9cc348719c9a Mon Sep 17 00:00:00 2001 From: Kyle Gunger Date: Thu, 27 Feb 2020 17:48:00 -0500 Subject: Init WebCards --- webcards/styles/client/tablet.css | 41 +++++++++++++++++++++++++++++++++++++++ 1 file changed, 41 insertions(+) create mode 100644 webcards/styles/client/tablet.css (limited to 'webcards/styles/client/tablet.css') diff --git a/webcards/styles/client/tablet.css b/webcards/styles/client/tablet.css new file mode 100644 index 0000000..37750f8 --- /dev/null +++ b/webcards/styles/client/tablet.css @@ -0,0 +1,41 @@ +@media (min-width: 600px) and (orientation: portrait) { + body { + display: flex; + + align-items: center; + justify-content: center; + } + + div.lobby { + max-width: 500px; + + display: flex; + text-align: center; + flex-direction: column; + + align-items: center; + } + + div.content { + min-width: 70vw; + min-height: 70vh; + + display: flex; + flex-direction: column; + } + + div.info { + flex-direction: row; + margin-left: 0px; + margin-top: 10px; + } + + div.settings, div.stats { + width: auto; + } + + div.settings { + margin-top: 0px; + margin-left: 10px; + } +} -- cgit v1.2.3