From 24a87389e17613ebcab8c6efde0b485f2007eca9 Mon Sep 17 00:00:00 2001 From: VitroidFPV Date: Thu, 9 May 2024 08:38:11 +0200 Subject: [PATCH] Style Fix: Prevent tab-specific breakpoints from escaping --- src/css/tabs/setup.less | 43 +++++++++++++++++++++-------------------- 1 file changed, 22 insertions(+), 21 deletions(-) diff --git a/src/css/tabs/setup.less b/src/css/tabs/setup.less index 13a9e9ff195..37f6c3e5065 100644 --- a/src/css/tabs/setup.less +++ b/src/css/tabs/setup.less @@ -32,6 +32,28 @@ left: 0; border-radius: 1rem; } + @media only screen and (max-width: 1055px) { + .grid-box { + grid-template-columns: 1fr !important; + } + .col-span-3 { + display: grid !important; + grid-column: span 1 !important; + } + .col-span-1 { + display: grid !important; + grid-template-columns: repeat(2, 1fr) !important; + } + #canvas_wrapper { + max-height: 20rem !important; + } + } + + @media all and (max-width: 575px) { + .grid-box { + grid-template-columns: 1fr !important; + } + } } #accel_calib_running { display: none; @@ -138,25 +160,4 @@ .disarm-flag { padding-left: 5px; } -@media only screen and (max-width: 1055px) { - .grid-box { - grid-template-columns: 1fr !important; - } - .col-span-3 { - display: grid !important; - grid-column: span 1 !important; - } - .col-span-1 { - display: grid !important; - grid-template-columns: repeat(2, 1fr) !important; - } - #canvas_wrapper { - max-height: 20rem !important; - } -} -@media all and (max-width: 575px) { - .grid-box { - grid-template-columns: 1fr !important; - } -}