fix navbar logo on phones

This commit is contained in:
texm
2023-04-27 16:46:30 +08:00
parent 41d95a2143
commit dae493c9fd

View File

@@ -7,11 +7,11 @@
<div class="navbar bg-neutral text-neutral-content flex items-center justify-between p-4 mx-auto"> <div class="navbar bg-neutral text-neutral-content flex items-center justify-between p-4 mx-auto">
<slot name="sidebar-toggle" /> <slot name="sidebar-toggle" />
<a href={base + "/"}> <a href={base + "/"}>
<div class="flex-1 gap-4 flex-row btn btn-ghost text-2xl"> <div class="flex-1 flex-row gap-4 btn btn-ghost p-0 sm:px-4">
<img class="w-10 h-10" <img class="hidden sm:inline w-10 h-10"
src="{base}/images/whale-boat-sm.png" alt="whale in boat logo" /> src="{base}/images/whale-boat-sm.png" alt="whale in boat logo" />
<span class="normal-case">Shokku</span> <span class="normal-case text-lg sm:text-xl">Shokku</span>
</div> </div>
</a> </a>
<div class="flex-none"> <div class="flex-none">
<ul class="menu menu-horizontal px-3 gap-2"> <ul class="menu menu-horizontal px-3 gap-2">