diff --git a/src/layout/Footer/FooterSection.svelte b/src/layout/Footer/FooterSection.svelte index 169b503..826ec21 100644 --- a/src/layout/Footer/FooterSection.svelte +++ b/src/layout/Footer/FooterSection.svelte @@ -2,6 +2,8 @@ import { slide } from 'svelte/transition'; import { quintOut } from 'svelte/easing'; + import ChevronDown from 'svelte-material-icons/ChevronDown.svelte'; + export let title: string; let expanded: boolean = false; @@ -19,10 +21,9 @@ {title} - {expanded +
+ +
{#if expanded}
    @@ -65,6 +66,11 @@ display: none; } + .arrow { + transition: all 0.2s var(--bezier-one); + user-select: none; + } + @media screen and (max-width: 768px) { .mobile-only { display: block; @@ -73,8 +79,4 @@ display: none; } } - - img { - height: 24px; - } diff --git a/src/layout/Hero/HeroImage.svelte b/src/layout/Hero/HeroImage.svelte index 8a98905..3cb4e15 100644 --- a/src/layout/Hero/HeroImage.svelte +++ b/src/layout/Hero/HeroImage.svelte @@ -27,7 +27,7 @@ } @media (max-width: 1700px) { .hero-img { - position: fixed; + position: absolute; height: 100vh; top: 115px; right: 6rem; diff --git a/src/layout/Hero/HeroSection.svelte b/src/layout/Hero/HeroSection.svelte index 9d61cd9..625daa4 100644 --- a/src/layout/Hero/HeroSection.svelte +++ b/src/layout/Hero/HeroSection.svelte @@ -1,5 +1,8 @@
    @@ -9,8 +12,8 @@ Customize your mobile experience through ReVanced
    by applying patches to your applications.

    - - + +