valknar/sexy
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

fix: remove backdrop-blur overlay causing blurry text site-wide

Browse Source 
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>
This commit is contained in:
Sebastian Krüger
2026-03-06 13:11:54 +01:00
parent ebab3405b1
commit e06a1915f2
2 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
packages/frontend/src/lib/services.ts
View File

@@ -1038,7 +1038,7 @@ export async function adminListUsers(
return loggedApiCall( return loggedApiCall(
"adminListUsers", "adminListUsers",
async () => { async () => {
const client = token ? getAuthClient(token, fetchFn) : getGraphQLClient(fetchFn); const client = token ? getAuthClient(token) : getGraphQLClient(fetchFn);
const data = await client.request<{ const data = await client.request<{
adminListUsers: { total: number; items: User[] }; adminListUsers: { total: number; items: User[] };
}>(ADMIN_LIST_USERS_QUERY, opts); }>(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) { export async function adminListVideos(fetchFn?: typeof globalThis.fetch, token?: string) {
return loggedApiCall("adminListVideos", async () => { 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[] }>( const data = await client.request<{ adminListVideos: Video[] }>(
ADMIN_LIST_VIDEOS_QUERY, ADMIN_LIST_VIDEOS_QUERY,
); );
@@ -1323,7 +1323,7 @@ const ADMIN_LIST_ARTICLES_QUERY = gql`
export async function adminListArticles(fetchFn?: typeof globalThis.fetch, token?: string) { export async function adminListArticles(fetchFn?: typeof globalThis.fetch, token?: string) {
return loggedApiCall("adminListArticles", async () => { 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[] }>( const data = await client.request<{ adminListArticles: Article[] }>(
ADMIN_LIST_ARTICLES_QUERY, ADMIN_LIST_ARTICLES_QUERY,
); );

2
packages/frontend/src/routes/+layout.svelte
View File

@@ -58,7 +58,7 @@
<!-- Glassmorphism overlay --> <!-- Glassmorphism overlay -->
<div <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>
</div> </div>
<!-- Header --> <!-- Header -->