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

show menu on right side when on admin page

Browse Source
This commit is contained in:
bytedream 2023-08-28 17:11:34 +02:00
parent 0ab03dd9dc
commit 4d42a5d440
1 changed files with 10 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/routes/+layout.svelte
View File

@ -4,6 +4,7 @@
import { goto } from '$app/navigation';
import Settings from './Settings.svelte';
import { playAudio } from '$lib/stores';
import { page } from '$app/stores';
let navPaths = [
{
@ -56,6 +57,11 @@
navPaths[menuButtonScrollIndex].active = true;
}
let isAdmin = false;
$: isAdmin =
$page.url.pathname.startsWith(`${env.PUBLIC_BASE_PATH}/admin`) &&
$page.url.pathname !== `${env.PUBLIC_BASE_PATH}/admin/login`;
let isTouch = false;
let nav: HTMLDivElement;
let settings: HTMLDialogElement;
@ -86,7 +92,8 @@
</main>
<nav>
<div
class="fixed bottom-4 right-4 sm:right-[initial] sm:left-4 group/menu-bar flex flex-col-reverse justify-center items-center"
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}
bind:this={nav}
>
<button
@ -137,7 +144,8 @@
<ul class="flex flex-col bg-base-200 rounded">
{#each navPaths as navPath, i}
<li
class="flex justify-center tooltip tooltip-left sm:tooltip-right"
class="flex justify-center tooltip tooltip-left"
class:sm:tooltip-right={!isAdmin}
data-tip={navPath.name}
>
<a