From 83c4ff7a7a838a256a7c2fa06c85845696d77d60 Mon Sep 17 00:00:00 2001 From: Peter Stockings Date: Thu, 26 Dec 2024 00:25:04 +1100 Subject: [PATCH] Make navbar menu work on mobile --- app/static/css/tailwind.css | 26 ++++++++++++++++++++++++++ app/templates/_layout.html | 22 +++++++++++----------- 2 files changed, 37 insertions(+), 11 deletions(-) diff --git a/app/static/css/tailwind.css b/app/static/css/tailwind.css index 1842a62..27014df 100644 --- a/app/static/css/tailwind.css +++ b/app/static/css/tailwind.css @@ -1243,6 +1243,16 @@ video { background-color: rgb(185 28 28 / var(--tw-bg-opacity, 1)); } +.hover\:bg-gray-700:hover { + --tw-bg-opacity: 1; + background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1)); +} + +.hover\:bg-red-600:hover { + --tw-bg-opacity: 1; + background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1)); +} + .hover\:text-blue-800:hover { --tw-text-opacity: 1; color: rgb(30 64 175 / var(--tw-text-opacity, 1)); @@ -1353,6 +1363,10 @@ video { } @media (min-width: 1024px) { + .lg\:inline-block { + display: inline-block; + } + .lg\:flex { display: flex; } @@ -1369,6 +1383,18 @@ video { align-items: center; } + .lg\:space-x-6 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(1.5rem * var(--tw-space-x-reverse)); + margin-left: calc(1.5rem * calc(1 - var(--tw-space-x-reverse))); + } + + .lg\:space-y-0 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(0px * var(--tw-space-y-reverse)); + } + .lg\:pt-0 { padding-top: 0px; } diff --git a/app/templates/_layout.html b/app/templates/_layout.html index 4aa190d..1d82d88 100644 --- a/app/templates/_layout.html +++ b/app/templates/_layout.html @@ -14,10 +14,11 @@