Shiloh/lasthourcloud
Shiloh/lasthourcloud
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases 4 Wiki Activity

Merge branch 'next' into trpc

Browse Source
This commit is contained in:
Andras Bacsai 2022-12-12 09:38:38 +01:00
commit 62f2196a0c
1 changed files with 34 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

35
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,13 +158,15 @@
{/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>
<Tooltip triggeredBy="#settings" placement="right" color="bg-settings text-black" <Tooltip triggeredBy="#settings" placement="right" color="bg-settings text-black"
>Settings</Tooltip >Settings</Tooltip
> >
<Tooltip triggeredBy="#documentation" placement="right" color="bg-info">Documentation</Tooltip
>
<Tooltip triggeredBy="#logout" placement="right" color="bg-red-600">Logout</Tooltip> <Tooltip triggeredBy="#logout" placement="right" color="bg-red-600">Logout</Tooltip>
<nav class="nav-main hidden lg:block z-20"> <nav class="nav-main hidden lg:block z-20">
<div class="flex h-screen w-full flex-col items-center transition-all duration-100"> <div class="flex h-screen w-full flex-col items-center transition-all duration-100">
@ -290,6 +296,29 @@
<circle cx="12" cy="12" r="3" /> <circle cx="12" cy="12" r="3" />
</svg> </svg>
</a> </a>
<a
id="documentation"
sveltekit:prefetch
href="https://docs.coollabs.io/coolify/"
target="_blank"
rel="noopener noreferrer"
class="icons hover:text-info"
>
<svg
xmlns="http://www.w3.org/2000/svg"
fill="none"
viewBox="0 0 24 24"
stroke-width="1.5"
stroke="currentColor"
class="w-9 h-9"
>
<path
stroke-linecap="round"
stroke-linejoin="round"
d="M12 6.042A8.967 8.967 0 006 3.75c-1.052 0-2.062.18-3 .512v14.25A8.987 8.987 0 016 18c2.305 0 4.408.867 6 2.292m0-14.25a8.966 8.966 0 016-2.292c1.052 0 2.062.18 3 .512v14.25A8.987 8.987 0 0018 18a8.967 8.967 0 00-6 2.292m0-14.25v14.25"
/>
</svg>
</a>
<!-- svelte-ignore a11y-click-events-have-key-events --> <!-- svelte-ignore a11y-click-events-have-key-events -->
<div <div
@ -368,6 +397,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 +426,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 +452,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 +482,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"