From cc948488387adbff1af1604c50b40dcfc4fc6f9e Mon Sep 17 00:00:00 2001 From: Ushie Date: Tue, 6 Jun 2023 14:35:05 +0300 Subject: [PATCH 01/13] fix(sidebar): replace `100vh` with `100%` resolves #104 --- src/layout/Navbar/NavHost.svelte | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/layout/Navbar/NavHost.svelte b/src/layout/Navbar/NavHost.svelte index 430bb44..0502763 100644 --- a/src/layout/Navbar/NavHost.svelte +++ b/src/layout/Navbar/NavHost.svelte @@ -236,7 +236,7 @@ .nav-wrapper { flex-direction: column; gap: 0.5rem; - height: 100vh; + height: 100%; margin: 0 auto; position: fixed; width: 20rem; From 889e1b543dd518150d7fc4b838ad3f583222e588 Mon Sep 17 00:00:00 2001 From: afn Date: Tue, 6 Jun 2023 08:32:58 -0400 Subject: [PATCH 02/13] feat(Footer): improve mobile responsiveness --- .../FooterHost.svelte} | 58 +++++++++------ src/layout/Footer/FooterSection.svelte | 73 +++++++++++++++++++ 2 files changed, 107 insertions(+), 24 deletions(-) rename src/layout/{Footer.svelte => Footer/FooterHost.svelte} (78%) create mode 100644 src/layout/Footer/FooterSection.svelte diff --git a/src/layout/Footer.svelte b/src/layout/Footer/FooterHost.svelte similarity index 78% rename from src/layout/Footer.svelte rename to src/layout/Footer/FooterHost.svelte index 20b5027..38ce388 100644 --- a/src/layout/Footer.svelte +++ b/src/layout/Footer/FooterHost.svelte @@ -7,12 +7,20 @@ import { createQuery } from '@tanstack/svelte-query'; import Query from '$lib/components/Query.svelte'; + import FooterSection from './FooterSection.svelte'; const query = createQuery(['repositories'], queries.repositories); - - - + + + +
@@ -181,8 +182,17 @@ .links-container { display: grid; - gap: 3rem; + gap: 2rem; grid-template-columns: repeat(auto-fit, minmax(80px, 1fr)); } } + + @media screen and (max-width: 768px) { + .links-container { + display: flex; + flex-direction: column; + gap: initial; + } + } + diff --git a/src/layout/Footer/FooterSection.svelte b/src/layout/Footer/FooterSection.svelte new file mode 100644 index 0000000..ae82846 --- /dev/null +++ b/src/layout/Footer/FooterSection.svelte @@ -0,0 +1,73 @@ + + +
+ {title} +
    + +
+
+ +
+ + + {#if expanded} +
    + +
+ {/if} +
+ + From 897d27ebe16e5656362f5d44b10281d8405afac6 Mon Sep 17 00:00:00 2001 From: afn Date: Tue, 6 Jun 2023 08:36:37 -0400 Subject: [PATCH 03/13] fix: update footer imports --- src/routes/contributors/+page.svelte | 2 +- src/routes/docs/+layout.svelte | 2 +- src/routes/download/+page.svelte | 2 +- src/routes/patches/[[package]]/+page.svelte | 18 +++++++++++------- 4 files changed, 14 insertions(+), 10 deletions(-) diff --git a/src/routes/contributors/+page.svelte b/src/routes/contributors/+page.svelte index e4d37a4..68cc99d 100644 --- a/src/routes/contributors/+page.svelte +++ b/src/routes/contributors/+page.svelte @@ -3,7 +3,7 @@ import { quintOut } from 'svelte/easing'; import ContributorHost from './ContributorSection.svelte'; - import Footer from '$layout/Footer.svelte'; + import Footer from '$layout/Footer/FooterHost.svelte'; import Meta from '$lib/components/Meta.svelte'; import Query from '$lib/components/Query.svelte'; diff --git a/src/routes/docs/+layout.svelte b/src/routes/docs/+layout.svelte index 79601b9..d3cf431 100644 --- a/src/routes/docs/+layout.svelte +++ b/src/routes/docs/+layout.svelte @@ -2,7 +2,7 @@ import type { LayoutData } from './$types'; import DocsNavTree from './DocsNavTree.svelte'; - import Footer from '$layout/Footer.svelte'; + import Footer from '$layout/Footer/FooterHost.svelte'; export let data: LayoutData; diff --git a/src/routes/download/+page.svelte b/src/routes/download/+page.svelte index 160ed06..31a0b26 100644 --- a/src/routes/download/+page.svelte +++ b/src/routes/download/+page.svelte @@ -10,7 +10,7 @@ import Meta from '$lib/components/Meta.svelte'; import Query from '$lib/components/Query.svelte'; import Button from '$lib/components/Button.svelte'; - import Footer from '$layout/Footer.svelte'; + import Footer from '$layout/Footer/FooterHost.svelte'; import Picture from '$lib/components/Picture.svelte'; import Dialogue from '$lib/components/Dialogue.svelte'; import { onMount } from 'svelte'; diff --git a/src/routes/patches/[[package]]/+page.svelte b/src/routes/patches/[[package]]/+page.svelte index e4899aa..ae271f7 100644 --- a/src/routes/patches/[[package]]/+page.svelte +++ b/src/routes/patches/[[package]]/+page.svelte @@ -13,7 +13,7 @@ import PackageMenu from '../PackageMenu.svelte'; import Package from '../Package.svelte'; import PatchItem from '../PatchItem.svelte'; - import Footer from '$layout/Footer.svelte'; + import Footer from '$layout/Footer/FooterHost.svelte'; import Search from '$lib/components/Search.svelte'; import FilterChip from '$lib/components/FilterChip.svelte'; import Dialogue from '$lib/components/Dialogue.svelte'; @@ -78,9 +78,13 @@ .replace(/\s/g, '') .replace(/-/g, '') .toLowerCase(); - // Update search URL params - // must use history.pushState instead of goto(), as goto() unselects the search bar - window.history.pushState(null, '', `${window.location.href.split('?')[0]}${searchTerm ? '?s=' + searchTerm : ''}`) + // Update search URL params + // must use history.pushState instead of goto(), as goto() unselects the search bar + window.history.pushState( + null, + '', + `${window.location.href.split('?')[0]}${searchTerm ? '?s=' + searchTerm : ''}` + ); }, 500); }; @@ -121,14 +125,14 @@ on:click={() => (mobilePackages = !mobilePackages)} on:keypress={() => (mobilePackages = !mobilePackages)} > - + {#each data.packages as pkg} (mobilePackages = !mobilePackages)} on:keypress={() => (mobilePackages = !mobilePackages)} > - + {/each}
@@ -138,7 +142,7 @@