Make navbar menu work on mobile

This commit is contained in:
Peter Stockings
2024-12-26 00:25:04 +11:00
parent 95dbe23ca8
commit 83c4ff7a7a
2 changed files with 37 additions and 11 deletions

View File

@@ -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;
}