gazesys/website
gazesys/website
1
0
Fork 1
Code Actions Releases 1 Activity

feat: make windows stackable properly
All checks were successful
create archive with lfs / tag (push) Successful in 8s
Details

Browse Source
This commit is contained in:
dusk 2024-11-02 00:05:10 +03:00
parent 7dc0c68d7f
commit 596ec2ff44
Signed by: dusk
SSH Key Fingerprint: SHA256:Abmvag+juovVufZTxyWY8KcVgrznxvBjQpJesv071Aw
3 changed files with 14 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/components/window.svelte
View File

@ -1,4 +1,5 @@
<script lang="ts"> <script lang="ts">
import { highestZIndex } from '$lib/window.ts';
import { draggable } from '@neodrag/svelte'; import { draggable } from '@neodrag/svelte';
export let title: string | undefined = undefined; export let title: string | undefined = undefined;
@ -24,9 +25,16 @@
</script> </script>
<div <div
use:draggable={{applyUserSelectHack: true, handle: '.window-titlebar'}} use:draggable={{
applyUserSelectHack: true,
handle: '.window-titlebar',
onDragStart: (data) => {
$highestZIndex += 1
data.currentNode.style.zIndex = $highestZIndex.toString()
}
}}
class=" class="
flex flex-col {sticky ? 'md:sticky md:-top-9' : ''} {center ? "mx-auto" : ""} relative flex flex-col {sticky ? 'md:sticky md:-top-9' : ''} {center ? "mx-auto" : ""}
max-w-screen-md xl:max-w-screen-lg 2xl:max-w-screen-xl min-w-[30ch] lg:min-w-[40ch] w-full md:w-fit [height:fit-content] max-w-screen-md xl:max-w-screen-lg 2xl:max-w-screen-xl min-w-[30ch] lg:min-w-[40ch] w-full md:w-fit [height:fit-content]
bg-ralsei-black border-ralsei-white border-ridge border-8 border-t-[12px] bg-ralsei-black border-ralsei-white border-ridge border-8 border-t-[12px]
animate-{chosenKeyframe} animate-{chosenKeyframe}

3
src/lib/window.ts Normal file
View File

@ -0,0 +1,3 @@
import { writable } from "svelte/store";
export const highestZIndex = writable(0)