atmo.rsvp
fix mobile layout navbar
+12
-2
+12
-2
src/routes/+layout.svelte
+12
-2
src/routes/+layout.svelte
···
21
21
</svg>
22
22
</a>
23
23
{#if user.isLoggedIn}
24
-
<Button href="/create">Create Event</Button>
24
+
<Button href="/create" class="hidden sm:inline-flex">Create Event</Button>
25
+
<Button href="/create" size="icon" class="sm:hidden">
26
+
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="size-5">
27
+
<path stroke-linecap="round" stroke-linejoin="round" d="M12 4.5v15m7.5-7.5h-15" />
28
+
</svg>
29
+
</Button>
25
30
<a href="/p/{user.profile?.handle || user.did}" class="shrink-0">
26
31
<Avatar
27
32
src={user.profile?.avatar}
···
31
36
/>
32
37
</a>
33
38
{:else}
34
-
<Button onclick={() => atProtoLoginModalState.show()} variant="ghost">Create Event</Button>
39
+
<Button onclick={() => atProtoLoginModalState.show()} variant="ghost" class="hidden sm:inline-flex">Create Event</Button>
40
+
<Button onclick={() => atProtoLoginModalState.show()} variant="ghost" size="icon" class="sm:hidden">
41
+
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="size-5">
42
+
<path stroke-linecap="round" stroke-linejoin="round" d="M12 4.5v15m7.5-7.5h-15" />
43
+
</svg>
44
+
</Button>
35
45
<Button onclick={() => atProtoLoginModalState.show()}>Login</Button>
36
46
{/if}
37
47
</div>