ourworld_web/www_threefold_io
23
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

Fix navbar in small screens

Browse Source
This commit is contained in:
samaradel
2022-06-21 11:50:30 +02:00
parent 345234bf86
commit 49177e2ce7
1 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
templates/partials/header.html
View File

@@ -4,7 +4,7 @@
<header id="header-container"> <header id="header-container">
<div class="z-10 bg-white fixed w-full top-0"> <div class="z-10 bg-white fixed w-full top-0">
<div class="relative z-50 shadow"> <div class="relative z-50 shadow">
<div class="mx-auto flex z-50 shadow justify-between items-center px-6 sm:px-8 md:px-12 py-2 lg:px-20 lg:justify-start lg:space-x-20"> <div class="mx-auto flex z-50 shadow justify-between items-center px-6 sm:px-8 md:px-12 py-2 lg:px-10 lg:justify-start space-x-10 sm:space-x-20 ">
<div> <div>
<a href="/" class="flex"> <a href="/" class="flex">
<img class="w-20 h-auto sm:w-15" style="max-width: none;" src="{{section.extra.logoPath}}" alt="Ourworld Logo" /> <img class="w-20 h-auto sm:w-15" style="max-width: none;" src="{{section.extra.logoPath}}" alt="Ourworld Logo" />
@@ -24,7 +24,7 @@
</svg> </svg>
</button> </button>
</div> </div>
<div class="hidden lg:flex-1 lg:flex lg:items-center lg:justify-between lg:space-x-12"> <div class="hidden lg:flex-1 lg:flex lg:items-center lg:justify-between lg:space-x-6">
<nav class="flex space-x-10"> <nav class="flex space-x-10">
{% for header_item in header_items %} {% for header_item in header_items %}