martin/Kunst_Gegen_Bares_Kimaschine
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

mobile test7

Browse Source 
#deploy
This commit is contained in:
martin 2026-01-21 17:43:36 +01:00
parent acd88ca5da
commit a0d6457778
2 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/features/event/components/PromotionTemplatesSection.tsx
View File

@ -104,7 +104,7 @@ const PromotionTemplatesSection: React.FC<Props> = ({
<SelectTrigger> <SelectTrigger>
<SelectValue placeholder="Template wählen" /> <SelectValue placeholder="Template wählen" />
</SelectTrigger> </SelectTrigger>
<SelectContent> <SelectContent className="w-[var(--radix-select-trigger-width)] max-w-[calc(100vw-1.5rem)] overflow-x-hidden">
{templates.map((tpl) => ( {templates.map((tpl) => (
<SelectItem key={tpl.id} value={tpl.id}> <SelectItem key={tpl.id} value={tpl.id}>
<div className="flex items-center gap-3"> <div className="flex items-center gap-3">

6
src/hooks/use-mobile.tsx
View File

@ -7,11 +7,11 @@ export function useIsMobile() {
React.useEffect(() => { React.useEffect(() => {
const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`) const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`)
const onChange = () => { const onChange = (e: MediaQueryListEvent) => {
setIsMobile(window.innerWidth < MOBILE_BREAKPOINT) setIsMobile(e.matches)
} }
mql.addEventListener("change", onChange) mql.addEventListener("change", onChange)
setIsMobile(window.innerWidth < MOBILE_BREAKPOINT) setIsMobile(mql.matches)
return () => mql.removeEventListener("change", onChange) return () => mql.removeEventListener("change", onChange)
}, []) }, [])