atmo.rsvp
4
fork

Configure Feed

Select the types of activity you want to include in your feed.

fix mobile layout navbar

Florian ad83a8d3 534c6c7f

+12 -2
+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>