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

feat: minor style improvements

Browse Source
This commit is contained in:
dusk 2024-11-23 23:02:01 +03:00
parent 1e057245ef
commit 630a1c043c
Signed by: dusk
SSH Key Fingerprint: SHA256:Abmvag+juovVufZTxyWY8KcVgrznxvBjQpJesv071Aw
2 changed files with 7 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/components/window.svelte
View File

@ -11,6 +11,7 @@
export let center: boolean = false; export let center: boolean = false;
export let layered: boolean = false; export let layered: boolean = false;
export let style: string = ""; export let style: string = "";
export let tooltip: boolean = false;
const scaleKeyframes = [ const scaleKeyframes = [
"window-open", "window-open",
@ -46,9 +47,9 @@
on:click={(data) => {focusWindow(data.currentTarget)}} on:click={(data) => {focusWindow(data.currentTarget)}}
class=" class="
relative {layered ? "col-[1] row-[1]" : ""} flex flex-col {sticky ? 'md:sticky md:-top-9' : ''} {center ? "mx-auto" : ""} 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] 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 border-8 border-t-[12px] bg-ralsei-black border-ralsei-white border-ridge {tooltip ? "border-[6px] border-t-[9px]" : "border-8 border-t-[12px]"}
animate-{chosenKeyframe} drop-shadow-[35px_35px_35px_rgba(1,1,1,0.5)] animate-{chosenKeyframe} drop-shadow-[24px_24px_24px_rgba(1,1,1,0.8)]
{style} {style}
" "
{id} {id}
@ -83,7 +84,7 @@
</div> </div>
{/if} {/if}
<div class=" <div class="
{removePadding ? "" : "p-2"} bg-gradient-to-tl {removePadding ? "" : tooltip ? "p-1" : "p-2"} bg-gradient-to-tl
to-ralsei-pink-neon/15 from-ralsei-pink-regular/20 to-ralsei-pink-neon/15 from-ralsei-pink-regular/20
"> ">
<slot /> <slot />

4
src/routes/+layout.svelte
View File

@ -158,8 +158,8 @@
<a title="next site" class="hover:underline" href="https://xn--sr8hvo.ws/next">⮞</a> <a title="next site" class="hover:underline" href="https://xn--sr8hvo.ws/next">⮞</a>
</div> </div>
<div class="group navbox"> <div class="group navbox">
<div class="absolute transition-all opacity-0 group-hover:opacity-100 translate-y-2/3 -translate-x-1/3 group-hover:-translate-y-2/3 transform-gpu"> <div class="absolute transition-all opacity-0 group-hover:opacity-100 translate-y-full -translate-x-1/3 group-hover:-translate-y-2/3 transform-gpu">
<Window style="!min-w-fit"> <Window tooltip>
<img class="min-w-64" style="image-rendering: crisp-edges pixelated;" alt="visits" src="https://count.getloli.com/@yusdacrawebsite?name=yusdacrawebsitetest&theme=booru-lewd&padding=5&offset=0&align=center&scale=1&pixelated=1&darkmode=0&num={data.visitCount}"/> <img class="min-w-64" style="image-rendering: crisp-edges pixelated;" alt="visits" src="https://count.getloli.com/@yusdacrawebsite?name=yusdacrawebsitetest&theme=booru-lewd&padding=5&offset=0&align=center&scale=1&pixelated=1&darkmode=0&num={data.visitCount}"/>
</Window> </Window>
</div> </div>