mirror of
https://github.com/pockethost/pockethost.git
synced 2025-07-09 14:22:31 +00:00
medium format layout fixes
This commit is contained in:
parent
0be5b3baaf
commit
71b564ed66
@ -1,4 +1,6 @@
|
|||||||
<script>
|
<script>
|
||||||
|
import { page } from '$app/stores'
|
||||||
|
import Logo from '$components/Logo.svelte'
|
||||||
import MediaQuery from '$components/MediaQuery.svelte'
|
import MediaQuery from '$components/MediaQuery.svelte'
|
||||||
import MobileNavDrawer from '$components/MobileNavDrawer.svelte'
|
import MobileNavDrawer from '$components/MobileNavDrawer.svelte'
|
||||||
import Navbar from '$components/Navbar.svelte'
|
import Navbar from '$components/Navbar.svelte'
|
||||||
@ -6,7 +8,19 @@
|
|||||||
import AuthStateGuard from '$components/helpers/AuthStateGuard.svelte'
|
import AuthStateGuard from '$components/helpers/AuthStateGuard.svelte'
|
||||||
import Meta from '$components/helpers/Meta.svelte'
|
import Meta from '$components/helpers/Meta.svelte'
|
||||||
import UserLoggedIn from '$components/helpers/UserLoggedIn.svelte'
|
import UserLoggedIn from '$components/helpers/UserLoggedIn.svelte'
|
||||||
|
import { DISCORD_URL, DOCS_URL } from '$src/env'
|
||||||
|
import { client } from '$src/pocketbase-client'
|
||||||
import '../app.css'
|
import '../app.css'
|
||||||
|
|
||||||
|
const handleLogoutAndRedirect = async () => {
|
||||||
|
const { logOut } = client()
|
||||||
|
|
||||||
|
// Clear out the pocketbase information about the current user
|
||||||
|
logOut()
|
||||||
|
|
||||||
|
// Hard refresh to make sure any remaining data is cleared
|
||||||
|
window.location.href = '/'
|
||||||
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<Meta />
|
<Meta />
|
||||||
@ -17,7 +31,11 @@
|
|||||||
<MediaQuery query="(min-width: 1280px)" let:matches>
|
<MediaQuery query="(min-width: 1280px)" let:matches>
|
||||||
{#if matches}
|
{#if matches}
|
||||||
<Navbar />
|
<Navbar />
|
||||||
{:else}
|
{/if}
|
||||||
|
</MediaQuery>
|
||||||
|
|
||||||
|
<MediaQuery query="(max-width: 700px)" let:matches>
|
||||||
|
{#if matches}
|
||||||
<MobileNavDrawer>
|
<MobileNavDrawer>
|
||||||
<Navbar />
|
<Navbar />
|
||||||
</MobileNavDrawer>
|
</MobileNavDrawer>
|
||||||
@ -25,8 +43,61 @@
|
|||||||
</MediaQuery>
|
</MediaQuery>
|
||||||
</UserLoggedIn>
|
</UserLoggedIn>
|
||||||
|
|
||||||
<div class="lg:p-4 lg:pt-0 xl:pt-4 min-h-screen grow">
|
<div class="p-0 lg:p-4 min-h-screen grow">
|
||||||
<div class="bg-base-300 border-base-300 border-[16px] lg:p-4 rounded-2xl">
|
<div
|
||||||
|
class="bg-base-300 border-base-300 border-[16px] m-0 md:p-4 rounded-2xl"
|
||||||
|
>
|
||||||
|
<MediaQuery
|
||||||
|
query="(min-width: 701px) and (max-width: 1279px)"
|
||||||
|
let:matches
|
||||||
|
>
|
||||||
|
{#if matches}
|
||||||
|
<UserLoggedIn>
|
||||||
|
<div role="tablist" class="tabs tabs-boxed">
|
||||||
|
<a href="/" role="tab" class="tab">
|
||||||
|
<Logo hideLogoText={true} logoWidth="h-8" />
|
||||||
|
</a>
|
||||||
|
<a
|
||||||
|
role="tab"
|
||||||
|
class="tab {$page.url.pathname === '/' ? `tab-active` : ``}"
|
||||||
|
href="/">Dashboard</a
|
||||||
|
>
|
||||||
|
|
||||||
|
<a
|
||||||
|
href={DISCORD_URL}
|
||||||
|
class="tab"
|
||||||
|
target="_blank"
|
||||||
|
rel="noreferrer"
|
||||||
|
><i class="fa-regular fa-comment-code mr-2"></i> Support
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<a
|
||||||
|
href={`${DOCS_URL()}`}
|
||||||
|
class="tab"
|
||||||
|
role="tab"
|
||||||
|
target="_blank"
|
||||||
|
rel="noreferrer"
|
||||||
|
>
|
||||||
|
<i class="fa-regular fa-webhook mr-2"></i> Docs
|
||||||
|
</a>
|
||||||
|
<a
|
||||||
|
role="tab"
|
||||||
|
class="tab {$page.url.pathname.endsWith(`/account`)
|
||||||
|
? `tab-active`
|
||||||
|
: ``}"
|
||||||
|
href="/account">My Account</a
|
||||||
|
>
|
||||||
|
|
||||||
|
<button
|
||||||
|
type="button"
|
||||||
|
class="tab"
|
||||||
|
on:click={handleLogoutAndRedirect}
|
||||||
|
><i class="fa-regular fa-arrow-up-left-from-circle mr-2"></i> Logout</button
|
||||||
|
>
|
||||||
|
</div>
|
||||||
|
</UserLoggedIn>
|
||||||
|
{/if}
|
||||||
|
</MediaQuery>
|
||||||
<VerifyAccountBar />
|
<VerifyAccountBar />
|
||||||
|
|
||||||
<slot />
|
<slot />
|
||||||
|
Loading…
x
Reference in New Issue
Block a user