CraftAttack/website
4
0
Fork 0
Code Issues 3 Pull Requests Actions Wiki Activity

fix navbar menu position

Browse Source
This commit is contained in:
bytedream 2023-08-28 18:53:49 +02:00
parent 6d4ad29379
commit 407fb22a0e
1 changed files with 6 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
src/routes/+layout.svelte
View File

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