ReVanced/revanced-website
1
0
Fork 0
mirror of https://github.com/ReVanced/revanced-website.git synced 2026-01-24 03:21:03 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: Fix index page styling and overflows

Browse Source
This commit is contained in:
oSumAtrIX
2025-05-06 12:43:40 +02:00
parent b3883d2460
commit 13cda4b59f
9 changed files with 150 additions and 214 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
src/lib/components/Wave.svelte
View File

@@ -1,27 +1,29 @@
<script>
export let bottom = 0;
export let visibility = true;
</script>
<svg
class="wave"
viewBox="0 0 1440 500"
xmlns="http://www.w3.org/2000/svg"
preserveAspectRatio="none"
style="bottom: {-bottom}; height: {bottom / 5 + 35}vh"
style="opacity: {visibility ? '100%' : '0'}"
>
<path class="wave" />
</svg>
<style>
svg {
transition: height 1s var(--bezier-one);
transition: opacity 0.1s var(--bezier-one);
position: absolute;
z-index: -999;
bottom: 0rem;
width: 100%;
height: 40vh;
}
.wave {
animation: wave-anim 40s;
animation-timing-function: linear;
animation: wave-anim 30s;
animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
animation-iteration-count: infinite;
fill: var(--primary);
}