7
1
mirror of https://gitlab.com/ansol/web-ansol.org.git synced 2024-11-03 21:39:57 +00:00

Arruma melhor o menu

This commit is contained in:
Hugo Peixoto 2024-01-01 15:09:02 +00:00
parent 0f4493bd85
commit 1e01d9909a
2 changed files with 12 additions and 8 deletions

View File

@ -67,10 +67,10 @@ footer p { margin: 10px; }
a { color: #041952; }
a:hover { background-color: #f1ff8e; color: black; }
nav.main { background-color: #041952; color: white; display: flex; }
nav.main { background-color: #041952; color: white; display: flex; padding: 10px 0px; }
nav.main div { display: flex; justify-content: space-between; }
nav.main img { filter: invert(100%); width: 200px; padding: 10px 0px; }
nav.main ul { display: flex; margin: 0px; padding: 0px; align-items: center; gap: 10px; }
nav.main img { filter: invert(100%); width: 200px; padding: 0px 0px; }
nav.main ul { display: flex; margin: 0px; padding: 0px; align-items: center; gap: 10px; width: 100%; justify-content: center; }
nav.main li { list-style-type: none; padding: 0px; font-size: 1.0rem; display: flex; }
nav.main a { text-decoration: none; padding: 10px 10px; display: block; }
nav.main a:not(:hover) { color: white; }
@ -83,11 +83,11 @@ nav.main a:hover img { filter: invert(0%); }
nav.main .nav-search {
display: flex;
padding-left: 60px;
padding-left: 40px;
align-items: center;
background: var(--search-icon) no-repeat;
background-size: 20px 20px;
background-position: 20px center;
background-position: 10px center;
}
nav.main .nav-search:hover {

View File

@ -30,16 +30,20 @@
<nav class="main">
<div class="body-width">
<a class="menu" href="#" onclick="this.parentNode.parentNode.classList.toggle('menu--expanded'); return false;"><img src="{{ (resources.Get "images/menu.svg").Permalink }}" alt="Menu"></a>
<a href="{{ (site.GetPage "").Permalink }}"><img src="{{ (resources.Get "images/logo.svg").Permalink }}" alt="Associação Nacional para o Software Livre" /></a>
<ul class='sections'>
<li>
<a href="{{ (site.GetPage "").Permalink }}"><img src="{{ (resources.Get "images/logo.svg").Permalink }}" alt="Associação Nacional para o Software Livre" /></a>
</li>
<li><a href="{{ (site.GetPage "Section" "noticias").Permalink }}">Notícias</a></li>
<li><a href="{{ (site.GetPage "Section" "iniciativas").Permalink }}">Iniciativas</a></li>
<li><a href="{{ (site.GetPage "recursos").Permalink }}">Recursos</a></li>
<li><a href="{{ (site.GetPage "Section" "eventos").Permalink }}">Eventos</a></li>
<li><a href="{{ (site.GetPage "sobre").Permalink }}">Sobre</a></li>
<li><div><a class='cta-header' href="{{ (site.GetPage "inscricao").Permalink }}">Inscreve-te</a></div></li>
<li><a class='cta-header' href="{{ (site.GetPage "inscricao").Permalink }}">Inscreve-te</a></li>
<li>
<a class='nav-search' href="#" onclick="return showSearch();">Pesquisar</a>
</li>
</ul>
<a class='nav-search' href="#" onclick="return showSearch();">Pesquisar</a>
</div>
</nav>
<main>