diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte index f355839..57b8692 100644 --- a/src/routes/+layout.svelte +++ b/src/routes/+layout.svelte @@ -2,8 +2,8 @@ <style> :global(html, body) { - min-width: 100%; - min-height: 100%; + min-width: 100vw; + min-height: max(100%, 100vh); } :global(*) { @@ -19,5 +19,8 @@ #252547 99vh, #252547 100vh ); + + max-width: 100vw; + overflow-x: hidden; } </style> diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte index 2d4b094..7965a92 100644 --- a/src/routes/+page.svelte +++ b/src/routes/+page.svelte @@ -13,8 +13,8 @@ .map((_, i) => i); const points: [number, number][] = indices.map(() => [ - Math.random(), - Math.random(), + Math.max(0.02, Math.min(0.98, Math.random())), + Math.max(0.02, Math.min(0.98, Math.random())), ]); const sizes = indices.map(() => Math.max(Math.random(), 0.3) * 2); @@ -90,7 +90,6 @@ 4500 + Math.random() * 2500, ); - console.log(d); lidx = nidx; return; } @@ -253,6 +252,11 @@ translate: -50% -50%; } + /* :global(#stars-lines) { + max-width: 100vw; + overflow-x: hidden; + } */ + :global(#stars-lines line) { transition-duration: 500ms; }