fix navbar menu position

This commit is contained in:
bytedream 2023-08-28 18:53:49 +02:00
parent 6d4ad29379
commit 407fb22a0e

View File

@ -57,8 +57,8 @@
navPaths[menuButtonScrollIndex].active = true;
}
let isAdmin = false;
$: isAdmin =
let onAdminPage = false;
$: onAdminPage =
$page.url.pathname.startsWith(`${env.PUBLIC_BASE_PATH}/admin`) &&
$page.url.pathname !== `${env.PUBLIC_BASE_PATH}/admin/login`;
@ -92,8 +92,9 @@
</main>
<nav>
<div
class="fixed bottom-4 right-4 group/menu-bar flex flex-col-reverse justify-center items-center"
class:sm:left-4,sm:right-[initial]={!isAdmin}
class={onAdminPage
? 'fixed bottom-4 right-4 group/menu-bar flex flex-col-reverse justify-center items-center'
: 'fixed bottom-4 right-4 group/menu-bar flex flex-col-reverse justify-center items-center sm:left-4 sm:right-[initial]'}
bind:this={nav}
>
<button
@ -145,7 +146,7 @@
{#each navPaths as navPath, i}
<li
class="flex justify-center tooltip tooltip-left"
class:sm:tooltip-right={!isAdmin}
class:sm:tooltip-right={!onAdminPage}
data-tip={navPath.name}
>
<a