ourworld_web/www_mycelium
21
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

update dropdown

Browse Source
This commit is contained in:
Ehab Hassan
2025-05-24 21:04:08 +03:00
parent 59581304d0
commit ee206e1241
4 changed files with 41 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
templates/partials/header.html
View File

@@ -2,7 +2,7 @@
{% set header_items = section.content | safe | split(pat="<li>") %}
<header id="header-container">
<div class="z-20 fixed top-0 left-0 right-0 lg:absolute w-full">
<div class="nav_header z-20 fixed top-0 left-0 right-0 lg:absolute w-full">
<div class="relative z-50">
<div class="mx-auto container flex z-50 justify-between items-center px-6 sm:px-4 md:px-6 py-4 lg:px-5 lg:justify-start space-x-10 sm:space-x-4 ">
{# <div>
@@ -168,7 +168,7 @@
-->
<div id="hamburger" class="hidden fixed mt-14 z-20 top-0 inset-x-0 transition transform origin-top-right lg:hidden">
<div>
<div style="background-color: rgb(255, 255, 255);" class="shadow-xs h-screen divide-y-2 divide-gray-50">
<div class="nav_header shadow-xs h-screen divide-y-2 divide-gray-50">
<div class="pb-6 sm:px-12 md:px-16 mt-0 lg:px-20 space-y-6 sm:space-y-8 sm:pb-8 max-h-screen overflow-y-auto">
<nav class="flex flex-col justify-around pb-12">
@@ -340,4 +340,13 @@
display: none;
}
body .nav_header {
background-color: rgba(255, 255, 255) !important;
}
body.dark-mode .nav_header {
background-color: #121212 !important;
}
</style>