From a0d6457778d1ccfc03055480a27f78181973df3f Mon Sep 17 00:00:00 2001
From: martin <f95martin@skymail.de>
Date: Wed, 21 Jan 2026 17:43:36 +0100
Subject: [PATCH] mobile test7 #deploy

---
 src/features/event/components/PromotionTemplatesSection.tsx | 2 +-
 src/hooks/use-mobile.tsx                                    | 6 +++---
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/features/event/components/PromotionTemplatesSection.tsx b/src/features/event/components/PromotionTemplatesSection.tsx
index e3e30c1..b9786ae 100644
--- a/src/features/event/components/PromotionTemplatesSection.tsx
+++ b/src/features/event/components/PromotionTemplatesSection.tsx
@@ -104,7 +104,7 @@ const PromotionTemplatesSection: React.FC<Props> = ({
             <SelectTrigger>
               <SelectValue placeholder="Template wählen" />
             </SelectTrigger>
-            <SelectContent>
+            <SelectContent className="w-[var(--radix-select-trigger-width)] max-w-[calc(100vw-1.5rem)] overflow-x-hidden">
               {templates.map((tpl) => (
                 <SelectItem key={tpl.id} value={tpl.id}>
                   <div className="flex items-center gap-3">
diff --git a/src/hooks/use-mobile.tsx b/src/hooks/use-mobile.tsx
index 2b0fe1d..0cdddf0 100644
--- a/src/hooks/use-mobile.tsx
+++ b/src/hooks/use-mobile.tsx
@@ -7,11 +7,11 @@ export function useIsMobile() {
 
   React.useEffect(() => {
     const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`)
-    const onChange = () => {
-      setIsMobile(window.innerWidth < MOBILE_BREAKPOINT)
+    const onChange = (e: MediaQueryListEvent) => {
+      setIsMobile(e.matches)
     }
     mql.addEventListener("change", onChange)
-    setIsMobile(window.innerWidth < MOBILE_BREAKPOINT)
+    setIsMobile(mql.matches)
     return () => mql.removeEventListener("change", onChange)
   }, [])