Aleksander Grygier
f1357e4998
* chore: Spacing between sibling elements in html markup * chore: Formatting and linting rules
39 lines
885 B
Svelte
39 lines
885 B
Svelte
<script lang="ts">
|
|
import { X } from '@lucide/svelte';
|
|
import { browser } from '$app/environment';
|
|
import { goto } from '$app/navigation';
|
|
import { page } from '$app/state';
|
|
import { ActionIcon } from '$lib/components/app';
|
|
import { ROUTES } from '$lib/constants';
|
|
|
|
let { children } = $props();
|
|
|
|
let previousRouteId = $state<string | null>(null);
|
|
|
|
$effect(() => {
|
|
const currentId = page.route.id;
|
|
|
|
return () => {
|
|
previousRouteId = currentId;
|
|
};
|
|
});
|
|
|
|
function handleClose() {
|
|
const prevIsSettings = previousRouteId?.startsWith('/settings');
|
|
|
|
if (browser && window.history.length > 1 && !prevIsSettings) {
|
|
history.back();
|
|
} else {
|
|
goto(ROUTES.SETTINGS_EXIT);
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<div class="fixed top-4.5 right-4 z-50 md:hidden">
|
|
<ActionIcon icon={X} onclick={handleClose} tooltip="Close" />
|
|
</div>
|
|
|
|
<div class="min-h-full">
|
|
{@render children?.()}
|
|
</div>
|