fix: update mobile styles

This commit is contained in:
Devin Haska 2024-02-21 22:30:52 -08:00
parent aa77e9bfb9
commit bab76c7f31
9 changed files with 91 additions and 67 deletions

View file

@ -1,18 +1,20 @@
<header class="[ navbar ]">
<nav class="[ wrapper flex items-center justify-between ]">
<div class="[ site-logo ] [ flex items-center ]">
<a class="[ logo ] [ flex items-center justify-center ]"
aria-label="Go to index"
href="{{ meta.url }}">
<img src="/assets/images/logo.svg" width="32" height="32" alt="" />
</a>
<a class="[ wordmark ] [ flex ]"
href="{{ meta.url }}"
aria-label="Go to index">
<span>wonderful</span>
<span>frog</span>
</a>
</div>
{% include "partials/menu.html" %}
</nav>
<header class="[ navbar ][ py-1 mb-1 ]">
<div class="[ wrapper ]">
<nav class="[ repel ]">
<div class="[ site-logo ] [ flex items-center gap-0.5 ]">
<a class="[ logo ] [ flex items-center justify-center ]"
aria-label="Go to index"
href="{{ meta.url }}">
<img src="/assets/images/logo.svg" width="32" height="32" alt="" />
</a>
<a class="[ wordmark ] [ flex ]"
href="{{ meta.url }}"
aria-label="Go to index">
<span>wonderful</span>
<span>frog</span>
</a>
</div>
{% include "partials/menu.html" %}
</nav>
</div>
</header>