From 76520b201054c219e47685dc21bae00423ca0167 Mon Sep 17 00:00:00 2001
From: Schalli <kschaller@ctl.de>
Date: Fri, 25 Sep 2026 14:54:10 +0200
Subject: [PATCH] fix(web): mobile Schublade ueber der App-Leiste, Filterpillen
 ohne Leiste

Co-Authored-By: Claude Opus 5.5 (1M context) <noreply@anthropic.com>
---
 .../src/app/(portal)/marketplace/components/CategoryFilter.tsx  | 2 +-
 apps/web/src/components/layout/sidebar.tsx                      | 2 +-
 apps/web/src/lib/dashboard-background.ts                        | 1 -
 3 files changed, 2 insertions(+), 3 deletions(-)

diff --git a/apps/web/src/app/(portal)/marketplace/components/CategoryFilter.tsx b/apps/web/src/app/(portal)/marketplace/components/CategoryFilter.tsx
index 632c59f..be5f3d0 100644
--- a/apps/web/src/app/(portal)/marketplace/components/CategoryFilter.tsx
+++ b/apps/web/src/app/(portal)/marketplace/components/CategoryFilter.tsx
@@ -22,7 +22,7 @@ export function CategoryFilter({ categories, value, onChange }: CategoryFilterPr
     }`;
 
   return (
-    <div className="flex gap-2 overflow-x-auto p-0.5 pb-1">
+    <div className="flex gap-2 overflow-x-auto p-0.5 pb-1 [scrollbar-width:none] [&::-webkit-scrollbar]:hidden">
       <button
         type="button"
         onClick={() => onChange('all')}
diff --git a/apps/web/src/components/layout/sidebar.tsx b/apps/web/src/components/layout/sidebar.tsx
index 298035e..e8223b3 100644
--- a/apps/web/src/components/layout/sidebar.tsx
+++ b/apps/web/src/components/layout/sidebar.tsx
@@ -279,7 +279,7 @@ export function Sidebar() {
       </aside>
 
       {isMobileOpen && (
-        <div className="fixed inset-0 z-40 md:hidden">
+        <div className="fixed inset-0 z-[60] md:hidden">
           <div
             className="fixed inset-0 bg-black/50"
             onClick={() => setMobileOpen(false)}
diff --git a/apps/web/src/lib/dashboard-background.ts b/apps/web/src/lib/dashboard-background.ts
index a40fadb..051e867 100644
--- a/apps/web/src/lib/dashboard-background.ts
+++ b/apps/web/src/lib/dashboard-background.ts
@@ -57,7 +57,6 @@ function mosaic(base: string, alpha: number, yellowAlpha: number): string {
     [1260, 520, '#3a78c9'],
     [1460, 720, '#7a5cc2'],
     [1060, 720, '#2a8f8f'],
-    [140, 760, '#c65436'],
   ];
   const rects = tiles
     .map(