fix: severe layout issue in desktop devices

fmaclen · Jun 8, 2023 · 0b95eb6 · 0b95eb6
1 parent a8e1e64
commit 0b95eb6
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 1 deletion.
diff --git a/src/lib/components/Artwork.svelte b/src/lib/components/Artwork.svelte
@@ -20,7 +20,7 @@
 
 <style lang="scss">
 	div.artwork {
-		position: fixed;
+		position: absolute;
 		inset: 0;
 		z-index: 0;
 		opacity: 1;

diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
@@ -101,6 +101,13 @@
 		margin: unset;
 		color: var(--color-neutral-100);
 		background-color: var(--color-neutral-1000);
+
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		width: 100dvw;
+		min-width: 320px;
+		height: 100dvh;
 	}
 
 	div.layout {