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/routes/+page.svelte b/src/routes/+page.svelte index a9d4683..5c02968 100644 --- a/src/routes/+page.svelte +++ b/src/routes/+page.svelte @@ -160,21 +160,18 @@ display: flex; flex-direction: column; align-items: center; + + @media (max-width: 335px) { + padding: 2rem 0 !important; + } + } .hero-img-container { z-index: 0; - } - @media screen and (max-width: 1100px) { - .hero-img-container { + @media (max-width: 1100px) { display: none; } } - - @media screen and (max-width: 335px) { - main { - padding: 2rem 0 !important; - } - } diff --git a/src/routes/announcements/+page.svelte b/src/routes/announcements/+page.svelte index 0aae855..459b830 100644 --- a/src/routes/announcements/+page.svelte +++ b/src/routes/announcements/+page.svelte @@ -175,13 +175,10 @@ display: grid; grid-template-columns: repeat(3, 1fr); padding: 16px 0; - min-width: 0; width: 100%; gap: 16px; - } - @media (max-width: 767px) { - .cards { + @media (max-width: 767px) { display: flex; flex-direction: column; } diff --git a/src/routes/contributors/+page.svelte b/src/routes/contributors/+page.svelte index 660b14d..73db3bd 100644 --- a/src/routes/contributors/+page.svelte +++ b/src/routes/contributors/+page.svelte @@ -109,7 +109,7 @@ a:hover::after { transform: translateX(5px); } - @media screen and (max-width: 767px) { + @media (max-width: 767px) { .text-container { padding: 2rem 1.75rem; } diff --git a/src/routes/donate/+page.svelte b/src/routes/donate/+page.svelte index 20e6aaa..5101d55 100644 --- a/src/routes/donate/+page.svelte +++ b/src/routes/donate/+page.svelte @@ -215,7 +215,7 @@ justify-content: center; align-items: center; - @media screen and (max-width: 768px) { + @media (max-width: 768px) { flex-direction: column-reverse; } } @@ -234,17 +234,16 @@ margin-bottom: 2rem; width: 60%; - @media screen and (max-width: 1200px) { + @media (max-width: 1200px) { width: 90%; } - @media screen and (max-width: 768px) { + @media (max-width: 768px) { width: 100%; } } - // COPEEEE - @media screen and (max-width: 768px) { + @media (max-width: 768px) { #heart { display: none; } @@ -255,7 +254,7 @@ gap: 1rem; margin-bottom: 3rem; - @media screen and (max-width: 768px) { + @media (max-width: 768px) { flex-direction: column; } } diff --git a/src/routes/donate/TeamMember.svelte b/src/routes/donate/TeamMember.svelte index 8906019..a28b293 100644 --- a/src/routes/donate/TeamMember.svelte +++ b/src/routes/donate/TeamMember.svelte @@ -93,7 +93,7 @@ .mobile { display: none; } - @media screen and (width <= 768px) { + @media (max-width: 768px) { .desktop { display: none; } @@ -117,7 +117,7 @@ user-select: none; margin-bottom: 1rem; - @media screen and (max-width: 768px) { + @media (max-width: 768px) { margin-bottom: 0; height: 48px; width: 48px; diff --git a/src/routes/patches/Package.svelte b/src/routes/patches/Package.svelte index 89adaff..d2330db 100644 --- a/src/routes/patches/Package.svelte +++ b/src/routes/patches/Package.svelte @@ -33,7 +33,7 @@ {name}
-