diff --git a/src/components/window.svelte b/src/components/window.svelte index 83f8447..d25dce2 100644 --- a/src/components/window.svelte +++ b/src/components/window.svelte @@ -11,6 +11,7 @@ export let center: boolean = false; export let layered: boolean = false; export let style: string = ""; + export let tooltip: boolean = false; const scaleKeyframes = [ "window-open", @@ -46,9 +47,9 @@ on:click={(data) => {focusWindow(data.currentTarget)}} class=" relative {layered ? "col-[1] row-[1]" : ""} 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] - bg-ralsei-black border-ralsei-white border-ridge border-8 border-t-[12px] - animate-{chosenKeyframe} drop-shadow-[35px_35px_35px_rgba(1,1,1,0.5)] + max-w-screen-md xl:max-w-screen-lg 2xl:max-w-screen-xl {tooltip ? "min-w-fit" : "min-w-[30ch] lg:min-w-[40ch]"} w-full md:w-fit [height:fit-content] + bg-ralsei-black border-ralsei-white border-ridge {tooltip ? "border-[6px] border-t-[9px]" : "border-8 border-t-[12px]"} + animate-{chosenKeyframe} drop-shadow-[24px_24px_24px_rgba(1,1,1,0.8)] {style} " {id} @@ -83,7 +84,7 @@ {/if}
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte index 4034d7f..b286289 100644 --- a/src/routes/+layout.svelte +++ b/src/routes/+layout.svelte @@ -158,8 +158,8 @@