From 32c0bbb3d4c3ae9c284ad1ac8cea0b2f85e0a6e1 Mon Sep 17 00:00:00 2001 From: Ushie Date: Sat, 14 Jun 2025 02:45:43 +0300 Subject: [PATCH 01/13] refactor: Component style cleanup --- src/app.html | 2 +- src/app.scss | 2 +- src/layout/Footer/FooterHost.svelte | 219 +++++++++++-------------- src/layout/Footer/FooterSection.svelte | 2 +- src/layout/Hero/HeroSection.svelte | 108 +++++------- src/layout/Navbar/NavHost.svelte | 16 +- src/lib/components/Divider.svelte | 13 +- src/lib/components/FilterChip.svelte | 19 +-- src/lib/components/Snackbar.svelte | 51 ++---- src/lib/components/Spinner.svelte | 28 ++-- src/routes/+page.svelte | 15 +- src/routes/announcements/+page.svelte | 5 +- src/routes/contributors/+page.svelte | 2 +- src/routes/donate/+page.svelte | 11 +- src/routes/donate/TeamMember.svelte | 4 +- src/routes/patches/Package.svelte | 22 ++- src/routes/patches/PackageMenu.svelte | 14 +- src/routes/patches/PatchItem.svelte | 2 + 18 files changed, 232 insertions(+), 303 deletions(-) diff --git a/src/app.html b/src/app.html index 197516e..5266886 100644 --- a/src/app.html +++ b/src/app.html @@ -22,6 +22,6 @@ - %sveltekit.body% +
%sveltekit.body%
diff --git a/src/app.scss b/src/app.scss index c7a850d..a2ed6c1 100644 --- a/src/app.scss +++ b/src/app.scss @@ -143,7 +143,7 @@ p { line-height: 1.75rem; } -@media screen and (max-width: 767px) { +@media (max-width: 767px) { h1 { font-size: 2.6rem; line-height: 3.75rem; diff --git a/src/layout/Footer/FooterHost.svelte b/src/layout/Footer/FooterHost.svelte index 46efef7..aa7981a 100644 --- a/src/layout/Footer/FooterHost.svelte +++ b/src/layout/Footer/FooterHost.svelte @@ -9,6 +9,7 @@ import FooterSection from './FooterSection.svelte'; import { RV_DMCA_GUID } from '$env/static/public'; import { onMount } from 'svelte'; + import Divider from '$lib/components/Divider.svelte'; const aboutQuery = createQuery(queries.about()); @@ -20,104 +21,101 @@ }); + - diff --git a/src/layout/Footer/FooterSection.svelte b/src/layout/Footer/FooterSection.svelte index 2c39b6a..a67679e 100644 --- a/src/layout/Footer/FooterSection.svelte +++ b/src/layout/Footer/FooterSection.svelte @@ -59,7 +59,7 @@ user-select: none; } - @media screen and (max-width: 768px) { + @media (max-width: 768px) { .mobile-only { display: block; } diff --git a/src/layout/Hero/HeroSection.svelte b/src/layout/Hero/HeroSection.svelte index 69ebb12..a5f4d9a 100644 --- a/src/layout/Hero/HeroSection.svelte +++ b/src/layout/Hero/HeroSection.svelte @@ -17,7 +17,7 @@

Customize your mobile experience through ReVanced
by applying patches to your applications.

-
+
@@ -34,83 +34,59 @@
- diff --git a/src/layout/Navbar/NavHost.svelte b/src/layout/Navbar/NavHost.svelte index eea1433..d10fce6 100644 --- a/src/layout/Navbar/NavHost.svelte +++ b/src/layout/Navbar/NavHost.svelte @@ -91,13 +91,13 @@
- +
@@ -256,7 +256,7 @@ } } - @media screen and (min-width: 768px) { + @media (min-width: 768px) { .mobile-only { display: none !important; } diff --git a/src/lib/components/Divider.svelte b/src/lib/components/Divider.svelte index acf4464..c2bf716 100644 --- a/src/lib/components/Divider.svelte +++ b/src/lib/components/Divider.svelte @@ -1,4 +1,15 @@ -
-
- -
+
+
{/if} - diff --git a/src/lib/components/Spinner.svelte b/src/lib/components/Spinner.svelte index 286768e..ec7f601 100644 --- a/src/lib/components/Spinner.svelte +++ b/src/lib/components/Spinner.svelte @@ -1,30 +1,30 @@ - - diff --git a/src/layout/Hero/SocialButton.svelte b/src/layout/Hero/SocialButton.svelte index a97f645..46f75c0 100644 --- a/src/layout/Hero/SocialButton.svelte +++ b/src/layout/Hero/SocialButton.svelte @@ -1,5 +1,6 @@ @@ -7,8 +8,11 @@ {social.name} - diff --git a/src/routes/announcements/TagsHost.svelte b/src/routes/announcements/TagsHost.svelte index daebbaa..b446f55 100644 --- a/src/routes/announcements/TagsHost.svelte +++ b/src/routes/announcements/TagsHost.svelte @@ -49,19 +49,9 @@ /> {/each} - {#if expandable && tags.length > 1} -
  • - -
    • - {/if} -
    + {#if expandable && tags.length > 1} +
  • + +
    • + {/if} +