From e06a1915f2de4d4bfa5a22d07346d2e7eaf533e2 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Sebastian=20Kr=C3=BCger?= <valknar@pivoine.art>
Date: Fri, 6 Mar 2026 13:11:54 +0100
Subject: [PATCH] fix: remove backdrop-blur overlay causing blurry text
 site-wide

The full-screen glassmorphism overlay had backdrop-blur-[0.5px] which
triggered GPU compositing on the entire viewport, degrading subpixel
text rendering inconsistently. Also use globalThis.fetch (not SvelteKit
fetch) when forwarding session token in admin SSR calls to avoid header
stripping.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 packages/frontend/src/lib/services.ts       | 6 +++---
 packages/frontend/src/routes/+layout.svelte | 2 +-
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/packages/frontend/src/lib/services.ts b/packages/frontend/src/lib/services.ts
index dab33b3..117b502 100644
--- a/packages/frontend/src/lib/services.ts
+++ b/packages/frontend/src/lib/services.ts
@@ -1038,7 +1038,7 @@ export async function adminListUsers(
   return loggedApiCall(
     "adminListUsers",
     async () => {
-      const client = token ? getAuthClient(token, fetchFn) : getGraphQLClient(fetchFn);
+      const client = token ? getAuthClient(token) : getGraphQLClient(fetchFn);
       const data = await client.request<{
         adminListUsers: { total: number; items: User[] };
       }>(ADMIN_LIST_USERS_QUERY, opts);
@@ -1146,7 +1146,7 @@ const ADMIN_LIST_VIDEOS_QUERY = gql`
 
 export async function adminListVideos(fetchFn?: typeof globalThis.fetch, token?: string) {
   return loggedApiCall("adminListVideos", async () => {
-    const client = token ? getAuthClient(token, fetchFn) : getGraphQLClient(fetchFn);
+    const client = token ? getAuthClient(token) : getGraphQLClient(fetchFn);
     const data = await client.request<{ adminListVideos: Video[] }>(
       ADMIN_LIST_VIDEOS_QUERY,
     );
@@ -1323,7 +1323,7 @@ const ADMIN_LIST_ARTICLES_QUERY = gql`
 
 export async function adminListArticles(fetchFn?: typeof globalThis.fetch, token?: string) {
   return loggedApiCall("adminListArticles", async () => {
-    const client = token ? getAuthClient(token, fetchFn) : getGraphQLClient(fetchFn);
+    const client = token ? getAuthClient(token) : getGraphQLClient(fetchFn);
     const data = await client.request<{ adminListArticles: Article[] }>(
       ADMIN_LIST_ARTICLES_QUERY,
     );
diff --git a/packages/frontend/src/routes/+layout.svelte b/packages/frontend/src/routes/+layout.svelte
index d063335..fb71a38 100644
--- a/packages/frontend/src/routes/+layout.svelte
+++ b/packages/frontend/src/routes/+layout.svelte
@@ -58,7 +58,7 @@
 
     <!-- Glassmorphism overlay -->
     <div
-      class="absolute inset-0 bg-gradient-to-br from-primary/2 via-transparent to-accent/2 backdrop-blur-[0.5px]"
+      class="absolute inset-0 bg-gradient-to-br from-primary/2 via-transparent to-accent/2"
     ></div>
   </div>
   <!-- Header -->