ReVanced/revanced-website
1
0
Fork 0
mirror of https://github.com/revanced/revanced-website.git synced 2025-05-10 19:34:25 +02:00
Code Issues Packages Projects Releases Wiki Activity

feat: Always show links

Browse Source
This commit is contained in:
oSumAtrIX 2025-05-06 13:26:41 +02:00
parent bff902876b
commit 2a6bc70cfc
No known key found for this signature in database
GPG Key ID: A9B3094ACDB604B4
1 changed files with 4 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
src/layout/Footer/FooterSection.svelte
View File

@ -1,11 +1,5 @@
<script lang="ts"> <script lang="ts">
import { slide } from 'svelte/transition';
import { quintOut } from 'svelte/easing';
import ChevronDown from 'svelte-material-icons/ChevronDown.svelte';
export let title: string; export let title: string;
let expanded: boolean = false;
</script> </script>
<div class="desktop-only"> <div class="desktop-only">
@ -16,20 +10,14 @@
</div> </div>
<div class="mobile-only"> <div class="mobile-only">
<!-- svelte-ignore a11y-click-events-have-key-events --> <button class="title">
<button class="title" on:click={() => (expanded = !expanded)}>
<span> <span>
{title} {title}
</span> </span>
<div class="arrow" style:transform={expanded ? 'rotate(180deg)' : 'rotate(0deg)'}>
<ChevronDown size="24px" color="var(--surface-six)" />
</div>
</button> </button>
{#if expanded} <ul>
<ul transition:slide={{ easing: quintOut, duration: 500 }}>
<slot /> <slot />
</ul> </ul>
{/if}
</div> </div>
<style lang="scss"> <style lang="scss">