diff options
| author | ivarlovlie <git@ivarlovlie.no> | 2022-06-06 15:48:53 +0200 |
|---|---|---|
| committer | ivarlovlie <git@ivarlovlie.no> | 2022-06-06 15:48:53 +0200 |
| commit | 18c458d91ca5e7187ffb3615fca8970fc6e4ca65 (patch) | |
| tree | fde7f844b4d212d3892da2f72a4cfcccc56186c8 /apps/portal/src/app/pages/_layout@loggedin.svelte | |
| parent | 44a95927edb532f8982cf24c03d9fdd129016bd6 (diff) | |
| download | greatoffice-18c458d91ca5e7187ffb3615fca8970fc6e4ca65.tar.xz greatoffice-18c458d91ca5e7187ffb3615fca8970fc6e4ca65.zip | |
feat: More work on portal
Diffstat (limited to 'apps/portal/src/app/pages/_layout@loggedin.svelte')
| -rw-r--r-- | apps/portal/src/app/pages/_layout@loggedin.svelte | 69 |
1 files changed, 69 insertions, 0 deletions
diff --git a/apps/portal/src/app/pages/_layout@loggedin.svelte b/apps/portal/src/app/pages/_layout@loggedin.svelte new file mode 100644 index 0000000..72515df --- /dev/null +++ b/apps/portal/src/app/pages/_layout@loggedin.svelte @@ -0,0 +1,69 @@ +<script> + import ThemeSwitcher from "$shared/components/theme-switcher.svelte"; + import UserMenu from "$app/components/user-menu.svelte"; + import {get_session_data} from "$shared/lib/session"; + + const session = get_session_data(); +</script> + +<style> + #decoration { + position: absolute; + top: 0; + left: 0; + pointer-events: none; + width: 100%; + height: 100%; + overflow: hidden; + z-index: 1; + } + + #decoration svg { + position: absolute; + top: 0; + left: 50%; + -webkit-transform: translateX(-50%); + transform: translateX(-50%); + width: 134%; + min-width: 1280px; + max-width: 1920px; + height: auto; + } +</style> + +<main class="container-fluid padding-x-xs padding-x-xxl@xs padding-y-md padding-y-lg@md"> + <div class="z-index-2 position-relative"> + <slot/> + </div> + + <div class="flex flex-row gap-xs position-fixed right-0 top-0 margin-md z-index-2"> + <UserMenu name="{session.profile?.username}"/> + <ThemeSwitcher/> + </div> + + <figure id="decoration" + aria-hidden="true"> + <svg class="color-contrast-higher opacity-10%" + viewBox="0 0 1920 450" + fill="none"> + <g stroke="currentColor" + stroke-width="2" + stroke-linejoin="round" + stroke-linecap="round"> + <path d="M1449 94.9993V3L1354 48.9995L1259 3V94.9993L1354 140.999L1449 94.9993Z"/> + <path d="M1639 94.9993V3L1544 48.9995L1449 3V94.9993L1544 140.999L1639 94.9993Z"/> + <path d="M1354 49.0002V141"/> + <path d="M1544 49.0002V141"/> + <path d="M1449 94.9995L1544 140.999L1449 186.999L1354 140.999L1449 94.9995Z"/> + <path d="M1544 141V232.999L1449 278.999L1354 232.999V141"/> + <path d="M1449 187V279"/> + <path d="M1544 264L1639 310L1544 355.999L1449 310L1544 264Z"/> + <path d="M1639 310V402L1544 447.999L1449 402V310"/> + <path d="M1544 356.001V448"/> + <path d="M1639 94.9995L1734 140.999L1639 186.999L1544 140.999L1639 94.9995Z"/> + <path d="M1734 141V232.999L1639 278.999L1544 232.999V141"/> + <path d="M1639 187V279"/> + </g> + </svg> + </figure> +</main> |