From d4620d531835c46a4e82fa9087bd14e9de110d39 Mon Sep 17 00:00:00 2001
From: ZhenShuo Leo <98386542+ZhenShuo2021@users.noreply.github.com>
Date: Sun, 5 Oct 2025 02:49:26 +0800
Subject: [PATCH] fix(blur): remove small right-edge gap of blur on mobile
 devices

---
 assets/css/compiled/main.css | 1 +
 assets/css/main.css          | 1 +
 2 files changed, 2 insertions(+)

diff --git a/assets/css/compiled/main.css b/assets/css/compiled/main.css
index 77d27f40..f079b13c 100644
--- a/assets/css/compiled/main.css
+++ b/assets/css/compiled/main.css
@@ -3773,6 +3773,7 @@ pre {
   object-fit: cover;
 }
 .single_hero_background {
+  width: calc(100% + 1px);
   z-index: -10;
 }
 .hero_gradient {
diff --git a/assets/css/main.css b/assets/css/main.css
index 171d099e..dfda1499 100644
--- a/assets/css/main.css
+++ b/assets/css/main.css
@@ -169,6 +169,7 @@ pre {
 }
 
 .single_hero_background {
+  width: calc(100% + 1px); /* patch for very small gap at right edge on mobile devices */
   z-index: -10;
 }