fix: Improve socials and wave visibility condition

2026-01-27 21:01:03 +00:00 · 2025-05-06 01:47:04 +03:00
parent 098f610b5c
commit b3883d2460
2 changed files with 35 additions and 5 deletions
--- a/src/lib/components/Wave.svelte
+++ b/src/lib/components/Wave.svelte
@@ -1,13 +1,21 @@
-<svg viewBox="0 0 1440 500" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none">
+<script>
+	export let bottom = 0;
+</script>
+
+<svg
+	viewBox="0 0 1440 500"
+	xmlns="http://www.w3.org/2000/svg"
+	preserveAspectRatio="none"
+	style="bottom: {-bottom}; height: {bottom / 5 + 35}vh"
+>
 	<path class="wave" />
 </svg>

 <style>
 	svg {
+		transition: height 1s var(--bezier-one);
 		position: absolute;
 		z-index: -999;
-		bottom: 0;
-		height: 35vh;
 		width: 100%;
 	}