ReVanced/revanced-website
1
0
Fork 0
mirror of https://github.com/revanced/revanced-website.git synced 2025-06-12 21:27:42 +02:00
Code Issues Packages Projects Releases Wiki Activity

fix: clean up random stuff man idk

Browse Source
This commit is contained in:
afn
2022-11-26 01:11:52 -05:00
parent 875c94d0bc
commit 33953db98a
11 changed files with 207 additions and 219 deletions
Download Patch File Download Diff File Expand all files Collapse all files

38
src/routes/docs/+layout.svelte
View File

@ -1,34 +1,34 @@
<script lang="ts">
import type { PageData } from './$types';
import type { PageData } from './$types';
import DocsNavTree from '$lib/components/molecules/DocsNavTree.svelte';
import DocsNavTree from '$lib/components/molecules/DocsNavTree.svelte';
import { fly } from 'svelte/transition';
import { quintOut } from 'svelte/easing';
import { fly } from 'svelte/transition';
import { quintOut } from 'svelte/easing';
export let data: PageData;
export let data: PageData;
</script>
<section id="doc-section-main" in:fly={{ y: 10, easing: quintOut, duration: 700 }}>
<div class="menu">
<DocsNavTree tree={data.tree} />
<DocsNavTree tree={data.tree} />
</div>
<slot></slot>
<slot />
</section>
<style lang="scss">
.menu {
padding: 90px 15px 0px 15px;
display: flex;
flex-direction: column;
gap: 1rem;
}
.menu {
padding: 90px 15px 0px 15px;
display: flex;
flex-direction: column;
gap: 1rem;
}
#doc-section-main {
display: grid;
grid-template-columns: 300px 3fr;
#doc-section-main {
display: grid;
grid-template-columns: 300px 3fr;
height: 100vh;
width: 100%;
}
height: 100vh;
width: 100%;
}
</style>

20
src/routes/patches/+page.svelte
View File

@ -31,7 +31,7 @@
</svelte:head>
<main>
<aside in:fly={{ y: 10, easing: quintOut, duration: 750 }}>
<aside in:fly={{ y: 10, easing: quintOut, duration: 750, delay: 100 }}>
<TreeMenu title="packages">
{#each packages as pkg}
<TreeMenuButton bind:current name={pkg} />
@ -39,13 +39,15 @@
</TreeMenu>
</aside>
<div class="patches-container" in:fly={{ y: 10, easing: quintOut, duration: 750 }}>
<div class="patches-container">
{#each patches as patch}
{#if search(current, patch.compatiblePackages) || !current}
<div>
<PatchCell bind:current {patch} />
</div>
{/if}
{#key current}
{#if search(current, patch.compatiblePackages) || !current}
<div in:fly={{ x: 10, easing: quintOut, duration: 750, delay: 100 }}>
<PatchCell bind:current {patch} />
</div>
{/if}
{/key}
{/each}
</div>
</main>
@ -62,13 +64,13 @@
}
.patches-container {
margin-top: 7.5rem;
margin-top: 7rem;
display: flex;
flex-direction: column;
gap: 0.5rem;
width: 100%;
position: sticky;
z-index: 1;
min-height: calc(100vh - 7.5rem);
min-height: calc(100vh - 7rem);
}
</style>