fix mobile homepage header

pull/19/head
Niko PLP 1 year ago
parent 04abea8169
commit 8265ff2dc4
  1. 8
      ng-app/src/lib/FullLayout.svelte
  2. 4
      ng-app/src/lib/Home.svelte
  3. 1
      ng-app/src/lib/MobileBottomBarItem.svelte

@ -70,7 +70,13 @@
<slot /> <slot />
</main> </main>
<MobileBottomBar {activeUrl}> <MobileBottomBar {activeUrl}>
<MobileBottomBarItem href="#/" icon={Home} on:click={scrollToTop} /> <MobileBottomBarItem href="#/" icon={Home} on:click={scrollToTop}>
<span
class="inline-flex justify-center items-center p-3 mt-1 -ml-2 w-3 h-3 text-sm font-medium text-primary-600 bg-primary-200 rounded-full dark:bg-primary-900 dark:text-primary-200"
>
13
</span>
</MobileBottomBarItem>
<MobileBottomBarItem href="#/stream" icon={Bolt} on:click={scrollToTop} /> <MobileBottomBarItem href="#/stream" icon={Bolt} on:click={scrollToTop} />
<MobileBottomBarItem <MobileBottomBarItem
href="#/search" href="#/search"

@ -46,11 +46,11 @@
<LogoGray class="w-7 h-7 tall:w-10 tall:h-10" /> <LogoGray class="w-7 h-7 tall:w-10 tall:h-10" />
{/if} {/if}
<span <span
class="ml-4 self-center text-base font-normal text-gray-900 rounded-lg dark:text-white whitespace-nowrap" class="ml-4 self-center text-lg font-normal text-gray-900 rounded-lg dark:text-white whitespace-nowrap"
>NextGraph</span >NextGraph</span
> >
</a> </a>
<div class="w-auto flex flex-col"> <div class="w-auto flex row">
<a href="#/messages" class="row items-center" on:click> <a href="#/messages" class="row items-center" on:click>
<PaperAirplane <PaperAirplane
tabindex="-1" tabindex="-1"

@ -26,4 +26,5 @@
class="w-7 h-7 text-black transition duration-75 dark:text-white group-hover:text-gray-900 dark:group-hover:text-white focus:outline-none" class="w-7 h-7 text-black transition duration-75 dark:text-white group-hover:text-gray-900 dark:group-hover:text-white focus:outline-none"
{icon} {icon}
/> />
<slot />
</a> </a>

Loading…
Cancel
Save