proper spacing and bascket icon
This commit is contained in:
@@ -97,7 +97,7 @@
|
|||||||
</ul>
|
</ul>
|
||||||
|
|
||||||
<!-- right side: cart + settings + mobile toggle -->
|
<!-- right side: cart + settings + mobile toggle -->
|
||||||
<div class="ml-auto flex items-center gap-1">
|
<div class="ml-auto flex items-center gap-2">
|
||||||
<!-- customer profile dropdown (avatar + name + account type) -->
|
<!-- customer profile dropdown (avatar + name + account type) -->
|
||||||
{% if logged_in_customer %}
|
{% if logged_in_customer %}
|
||||||
{% include "partials/profile_menu.html" %}
|
{% include "partials/profile_menu.html" %}
|
||||||
|
|||||||
@@ -50,7 +50,7 @@
|
|||||||
<!-- account links (with icons) -->
|
<!-- account links (with icons) -->
|
||||||
<div class="flex flex-col py-1.5">
|
<div class="flex flex-col py-1.5">
|
||||||
<a href="/account/orders" data-nav="/account/orders" role="menuitem" class="flex items-center gap-2 bg-surface-alt px-4 py-2 text-sm text-on-surface hover:bg-surface-dark-alt/5 hover:text-on-surface-strong focus-visible:bg-surface-dark-alt/10 focus-visible:text-on-surface-strong focus-visible:outline-hidden dark:bg-surface-dark-alt dark:text-on-surface-dark dark:hover:bg-surface-alt/5 dark:hover:text-on-surface-dark-strong dark:focus-visible:bg-surface-alt/10 dark:focus-visible:text-on-surface-dark-strong">
|
<a href="/account/orders" data-nav="/account/orders" role="menuitem" class="flex items-center gap-2 bg-surface-alt px-4 py-2 text-sm text-on-surface hover:bg-surface-dark-alt/5 hover:text-on-surface-strong focus-visible:bg-surface-dark-alt/10 focus-visible:text-on-surface-strong focus-visible:outline-hidden dark:bg-surface-dark-alt dark:text-on-surface-dark dark:hover:bg-surface-alt/5 dark:hover:text-on-surface-dark-strong dark:focus-visible:bg-surface-alt/10 dark:focus-visible:text-on-surface-dark-strong">
|
||||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true" fill="currentColor" class="size-4 shrink-0"><path d="M5.566 4.657A4.505 4.505 0 016.75 4.5h10.5c.41 0 .806.055 1.183.157A3 3 0 0015.75 3h-7.5a3 3 0 00-2.684 1.657zM2.25 9a3 3 0 013-3h13.5a3 3 0 013 3v.776a48.485 48.485 0 00-18 0V9zM18.75 11.25a47.97 47.97 0 00-13.5 0c-1.31.176-2.25 1.32-2.25 2.625V18a3 3 0 003 3h12a3 3 0 003-3v-4.125c0-1.305-.94-2.45-2.25-2.625z"/></svg>
|
{{ ui::icon(name="cart", size="size-4", extra="shrink-0") }}
|
||||||
{{ t(key="account-orders", lang=lang | default(value='sk')) }}
|
{{ t(key="account-orders", lang=lang | default(value='sk')) }}
|
||||||
</a>
|
</a>
|
||||||
<a href="/account/profile" data-nav="/account/profile" role="menuitem" class="flex items-center gap-2 bg-surface-alt px-4 py-2 text-sm text-on-surface hover:bg-surface-dark-alt/5 hover:text-on-surface-strong focus-visible:bg-surface-dark-alt/10 focus-visible:text-on-surface-strong focus-visible:outline-hidden dark:bg-surface-dark-alt dark:text-on-surface-dark dark:hover:bg-surface-alt/5 dark:hover:text-on-surface-dark-strong dark:focus-visible:bg-surface-alt/10 dark:focus-visible:text-on-surface-dark-strong">
|
<a href="/account/profile" data-nav="/account/profile" role="menuitem" class="flex items-center gap-2 bg-surface-alt px-4 py-2 text-sm text-on-surface hover:bg-surface-dark-alt/5 hover:text-on-surface-strong focus-visible:bg-surface-dark-alt/10 focus-visible:text-on-surface-strong focus-visible:outline-hidden dark:bg-surface-dark-alt dark:text-on-surface-dark dark:hover:bg-surface-alt/5 dark:hover:text-on-surface-dark-strong dark:focus-visible:bg-surface-alt/10 dark:focus-visible:text-on-surface-dark-strong">
|
||||||
|
|||||||
Reference in New Issue
Block a user