mobile test7

#deploy

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">

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)
   }, [])