From ea0d34a5d949cfe0779098e2cb5894cf4f8935e8 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Nil=C3=A9ane?= Date: Wed, 20 Dec 2023 03:21:37 +0100 Subject: [PATCH] Fixed gap on mobile --- TangerineUI-cherry.css | 7 ++++++- TangerineUI-purple.css | 7 ++++++- TangerineUI.css | 7 ++++++- 3 files changed, 18 insertions(+), 3 deletions(-) diff --git a/TangerineUI-cherry.css b/TangerineUI-cherry.css index 23cb0cf..a1fc328 100644 --- a/TangerineUI-cherry.css +++ b/TangerineUI-cherry.css @@ -353,10 +353,15 @@ body.app-body { gap: 10px; } @media screen and (min-width:1175px) { - .columns-area__panels__main { + .app-body .columns-area__panels__main { max-width: 580px; } } +@media screen and (max-width:1174px) { + .app-body .columns-area__panels { + gap: 0; + } +} /* *️⃣ Icons -------- */ diff --git a/TangerineUI-purple.css b/TangerineUI-purple.css index eb4c42d..e9b9f9b 100644 --- a/TangerineUI-purple.css +++ b/TangerineUI-purple.css @@ -353,10 +353,15 @@ body.app-body { gap: 10px; } @media screen and (min-width:1175px) { - .columns-area__panels__main { + .app-body .columns-area__panels__main { max-width: 580px; } } +@media screen and (max-width:1174px) { + .app-body .columns-area__panels { + gap: 0; + } +} /* *️⃣ Icons -------- */ diff --git a/TangerineUI.css b/TangerineUI.css index b84794d..99af090 100644 --- a/TangerineUI.css +++ b/TangerineUI.css @@ -353,10 +353,15 @@ body.app-body { gap: 10px; } @media screen and (min-width:1175px) { - .columns-area__panels__main { + .app-body .columns-area__panels__main { max-width: 580px; } } +@media screen and (max-width:1174px) { + .app-body .columns-area__panels { + gap: 0; + } +} /* *️⃣ Icons -------- */