From e2798140fc313563838987a7691ab2b9e80529f8 Mon Sep 17 00:00:00 2001
From: Ushie <ushiekane@gmail.com>
Date: Sat, 14 Jun 2025 05:23:42 +0300
Subject: [PATCH] fix: Edge case media query

---
 src/app.scss                                        | 2 +-
 src/layout/Banners/Banner.svelte                    | 2 +-
 src/layout/Navbar/NavButton.svelte                  | 2 +-
 src/layout/Navbar/NavHost.svelte                    | 2 +-
 src/routes/announcements/+page.svelte               | 2 +-
 src/routes/announcements/[slug]/Announcement.svelte | 2 +-
 src/routes/contributors/+page.svelte                | 2 +-
 src/routes/contributors/ContributorPerson.svelte    | 2 +-
 src/routes/contributors/ContributorSection.svelte   | 2 +-
 src/routes/patches/+page.svelte                     | 2 +-
 src/routes/patches/Package.svelte                   | 2 +-
 11 files changed, 11 insertions(+), 11 deletions(-)

diff --git a/src/app.scss b/src/app.scss
index a2ed6c1..bb3da8d 100644
--- a/src/app.scss
+++ b/src/app.scss
@@ -143,7 +143,7 @@ p {
 	line-height: 1.75rem;
 }
 
-@media (max-width: 767px) {
+@media (max-width: 768px) {
 	h1 {
 		font-size: 2.6rem;
 		line-height: 3.75rem;
diff --git a/src/layout/Banners/Banner.svelte b/src/layout/Banners/Banner.svelte
index a86f759..8f8726b 100644
--- a/src/layout/Banners/Banner.svelte
+++ b/src/layout/Banners/Banner.svelte
@@ -83,7 +83,7 @@
 			color: #601410;
 		}
 
-		@media (max-width: 767px) {
+		@media (max-width: 768px) {
 			flex-direction: column;
 			padding: 1.1rem 1.3rem;
 		}
diff --git a/src/layout/Navbar/NavButton.svelte b/src/layout/Navbar/NavButton.svelte
index 0df5c65..d64945f 100644
--- a/src/layout/Navbar/NavButton.svelte
+++ b/src/layout/Navbar/NavButton.svelte
@@ -80,7 +80,7 @@
 		color: var(--text-four);
 	}
 
-	@media (max-width: 767px) {
+	@media (max-width: 768px) {
 		a {
 			padding: 0.75rem 1.25rem;
 			justify-content: left;
diff --git a/src/layout/Navbar/NavHost.svelte b/src/layout/Navbar/NavHost.svelte
index 4f5b928..3eaf6cd 100644
--- a/src/layout/Navbar/NavHost.svelte
+++ b/src/layout/Navbar/NavHost.svelte
@@ -213,7 +213,7 @@
 		width: 100%;
 	}
 
-	@media (max-width: 767px) {
+	@media (max-width: 768px) {
 		#nav-wrapper-container {
 			overflow: hidden;
 			position: fixed;
diff --git a/src/routes/announcements/+page.svelte b/src/routes/announcements/+page.svelte
index 459b830..e5a2717 100644
--- a/src/routes/announcements/+page.svelte
+++ b/src/routes/announcements/+page.svelte
@@ -178,7 +178,7 @@
 		width: 100%;
 		gap: 16px;
 
-		@media (max-width: 767px) {
+		@media (max-width: 768px) {
 			display: flex;
 			flex-direction: column;
 		}
diff --git a/src/routes/announcements/[slug]/Announcement.svelte b/src/routes/announcements/[slug]/Announcement.svelte
index 6e23664..e184dcf 100644
--- a/src/routes/announcements/[slug]/Announcement.svelte
+++ b/src/routes/announcements/[slug]/Announcement.svelte
@@ -111,7 +111,7 @@
 		gap: 2rem;
 	}
 
-	@media (max-width: 767px) {
+	@media (max-width: 768px) {
 		.card {
 			background-color: initial;
 			padding: 0;
diff --git a/src/routes/contributors/+page.svelte b/src/routes/contributors/+page.svelte
index e66b502..1b12309 100644
--- a/src/routes/contributors/+page.svelte
+++ b/src/routes/contributors/+page.svelte
@@ -111,7 +111,7 @@
 	a:hover::after {
 		transform: translateX(5px);
 	}
-	@media (max-width: 767px) {
+	@media (max-width: 768px) {
 		.text-container {
 			padding: 2rem 1.75rem;
 		}
diff --git a/src/routes/contributors/ContributorPerson.svelte b/src/routes/contributors/ContributorPerson.svelte
index 56df1b9..df5580a 100644
--- a/src/routes/contributors/ContributorPerson.svelte
+++ b/src/routes/contributors/ContributorPerson.svelte
@@ -47,7 +47,7 @@
 		user-select: none;
 	}
 
-	@media (max-width: 767px) {
+	@media (max-width: 768px) {
 		h5 {
 			display: none;
 		}
diff --git a/src/routes/contributors/ContributorSection.svelte b/src/routes/contributors/ContributorSection.svelte
index f3c267a..3b55a42 100644
--- a/src/routes/contributors/ContributorSection.svelte
+++ b/src/routes/contributors/ContributorSection.svelte
@@ -91,7 +91,7 @@
 			justify-items: center;
 			grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
 
-			@media (max-width: 767px) {
+			@media (max-width: 768px) {
 				padding: 0.75rem;
 				gap: 0.25rem;
 				grid-template-columns: repeat(auto-fill, minmax(50px, 1fr));
diff --git a/src/routes/patches/+page.svelte b/src/routes/patches/+page.svelte
index 5513e6e..4f75c18 100644
--- a/src/routes/patches/+page.svelte
+++ b/src/routes/patches/+page.svelte
@@ -193,7 +193,7 @@
 		display: none;
 	}
 
-	@media (max-width: 767px) {
+	@media (max-width: 768px) {
 		main {
 			grid-template-columns: none;
 			flex-direction: column;
diff --git a/src/routes/patches/Package.svelte b/src/routes/patches/Package.svelte
index c8f60cd..654b2eb 100644
--- a/src/routes/patches/Package.svelte
+++ b/src/routes/patches/Package.svelte
@@ -49,7 +49,7 @@
 			background-color 0.4s var(--bezier-one),
 			color 0.3s var(--bezier-one);
 
-		@media (max-width: 767px) {
+		@media (max-width: 768px) {
 			border-radius: 0px;
 			font-size: 0.9rem;
 			padding: 1rem;