dave/coolify
1
0
Fork 0
Code Issues Pull Requests Actions 2 Packages Projects Releases Wiki Activity

Make sure sidedrawer is closed on link click

Browse Source
This commit is contained in:
Rickard Jonsson
2022-12-11 20:59:02 +01:00
parent f55b861849
commit 699493cf24
1 changed files with 9 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
apps/ui/src/routes/__layout.svelte
View File

@@ -135,6 +135,10 @@
}); });
} }
}); });
let sidedrawerToggler: HTMLInputElement;
const closeDrawer = () => (sidedrawerToggler.checked = false);
</script> </script>
<svelte:head> <svelte:head>
@@ -154,7 +158,7 @@
{/if} {/if}
<div class="drawer"> <div class="drawer">
<input id="main-drawer" type="checkbox" class="drawer-toggle" /> <input id="main-drawer" type="checkbox" class="drawer-toggle" bind:this={sidedrawerToggler} />
<div class="drawer-content"> <div class="drawer-content">
{#if $appSession.userId} {#if $appSession.userId}
<Tooltip triggeredBy="#iam" placement="right" color="bg-iam">IAM</Tooltip> <Tooltip triggeredBy="#iam" placement="right" color="bg-iam">IAM</Tooltip>
@@ -368,6 +372,7 @@
sveltekit:prefetch sveltekit:prefetch
href="/" href="/"
class:bg-pink-500={$page.url.pathname === '/'} class:bg-pink-500={$page.url.pathname === '/'}
on:click={closeDrawer}
> >
<svg <svg
xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"
@@ -396,6 +401,7 @@
sveltekit:prefetch sveltekit:prefetch
href="/servers" href="/servers"
class:bg-sky-500={$page.url.pathname.startsWith('/servers')} class:bg-sky-500={$page.url.pathname.startsWith('/servers')}
on:click={closeDrawer}
> >
<svg <svg
xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"
@@ -421,6 +427,7 @@
class="no-underline icons hover:text-white hover:bg-iam" class="no-underline icons hover:text-white hover:bg-iam"
href="/iam" href="/iam"
class:bg-iam={$page.url.pathname.startsWith('/iam')} class:bg-iam={$page.url.pathname.startsWith('/iam')}
on:click={closeDrawer}
><svg ><svg
xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 24 24" viewBox="0 0 24 24"
@@ -450,6 +457,7 @@
href={$appSession.teamId === '0' ? '/settings/coolify' : '/settings/ssh'} href={$appSession.teamId === '0' ? '/settings/coolify' : '/settings/ssh'}
class:bg-settings={$page.url.pathname.startsWith('/settings')} class:bg-settings={$page.url.pathname.startsWith('/settings')}
class:text-black={$page.url.pathname.startsWith('/settings')} class:text-black={$page.url.pathname.startsWith('/settings')}
on:click={closeDrawer}
> >
<svg <svg
xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"