From c372c6153f3ec681b507d7f47d826a100dadbd49 Mon Sep 17 00:00:00 2001 From: harry-vcnc <116777683+harry-vcnc@users.noreply.github.com> Date: Fri, 15 Mar 2024 13:24:31 +0900 Subject: [PATCH] =?UTF-8?q?[CHORE]=20=EB=B0=98=EC=9D=91=ED=98=95=EC=9D=84?= =?UTF-8?q?=20=EC=9C=84=ED=95=9C=20css=20=EC=88=98=EC=A0=95=20(#24)?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- theme/css/style.css | 29 +++++++++++++++++++---------- 1 file changed, 19 insertions(+), 10 deletions(-) diff --git a/theme/css/style.css b/theme/css/style.css index 81be6a3..d4f4ea6 100644 --- a/theme/css/style.css +++ b/theme/css/style.css @@ -172,7 +172,7 @@ body { } .c-switch__values::after { - content: ""; + content: ''; position: absolute; top: 50%; left: 3px; @@ -222,12 +222,10 @@ h1 { margin-right: 15px; background: white; border-radius: 5px; - box-shadow: 0 7px 14px 0 rgba(50, 50, 93, 0.1), - 0 3px 6px 0 rgba(0, 0, 0, 0.07); + box-shadow: 0 7px 14px 0 rgba(50, 50, 93, 0.1), 0 3px 6px 0 rgba(0, 0, 0, 0.07); overflow: hidden; margin-top: 10px; - transition: 0.3s transform cubic-bezier(0.68, -0.55, 0.265, 1.55), - 0.3s opacity; + transition: 0.3s transform cubic-bezier(0.68, -0.55, 0.265, 1.55), 0.3s opacity; opacity: 0; transform: translate3d(0, -20px, 0) rotateX(45deg); transform-style: preserve-3d; @@ -411,17 +409,28 @@ h1 { } } -@media (min-width: 1420px) { +@media (min-width: 1440px) { .scoreboard { - max-width: 1420px; + max-width: 1440px; + max-height: 95vh; + display: flex; + flex-wrap: wrap; + flex-direction: column; + justify-content: center; + padding-bottom: 10px; + overflow-x: scroll; + } +} + +@media (min-width: 2160px) { + .scoreboard { + max-width: 2160px; max-height: 95vh; - margin: auto; display: flex; flex-wrap: wrap; flex-direction: column; justify-content: center; - align-content: center; padding-bottom: 10px; - overflow: hidden; + overflow-x: scroll; } }