soeren/fotospiel-app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Refine control room filter pill styling

Browse Source
This commit is contained in:
Codex Agent
2026-01-20 16:43:03 +01:00
parent ffc7a4e80d
commit aac4744cb3
1 changed files with 6 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
resources/js/admin/mobile/EventControlRoomPage.tsx
View File

@@ -1401,6 +1401,7 @@ export default function MobileEventControlRoomPage() {
borderWidth={1} borderWidth={1}
borderColor={border} borderColor={border}
backgroundColor={surfaceMuted} backgroundColor={surfaceMuted}
overflow="hidden"
> >
<ToggleGroup <ToggleGroup
type="single" type="single"
@@ -1415,15 +1416,14 @@ export default function MobileEventControlRoomPage() {
<ToggleGroup.Item <ToggleGroup.Item
key={option.value} key={option.value}
value={option.value} value={option.value}
unstyled
borderRadius={999} borderRadius={999}
borderWidth={1} borderWidth={1}
borderColor="transparent" borderColor="transparent"
backgroundColor={active ? activeFilterBg : 'transparent'} backgroundColor={active ? activeFilterBg : 'transparent'}
paddingVertical="$1.5" paddingVertical="$1.5"
paddingHorizontal="$3" paddingHorizontal="$3"
{...(active pressStyle={{ opacity: 0.85 }}
? ({ style: { boxShadow: `0 8px 18px ${withAlpha(primary, 0.35)}` } } as any)
: {})}
> >
<XStack alignItems="center" space="$1.5"> <XStack alignItems="center" space="$1.5">
<Text fontSize="$xs" fontWeight="700" color={active ? '#fff' : muted}> <Text fontSize="$xs" fontWeight="700" color={active ? '#fff' : muted}>
@@ -1584,6 +1584,7 @@ export default function MobileEventControlRoomPage() {
borderWidth={1} borderWidth={1}
borderColor={border} borderColor={border}
backgroundColor={surfaceMuted} backgroundColor={surfaceMuted}
overflow="hidden"
> >
<ToggleGroup <ToggleGroup
type="single" type="single"
@@ -1598,15 +1599,14 @@ export default function MobileEventControlRoomPage() {
<ToggleGroup.Item <ToggleGroup.Item
key={option.value} key={option.value}
value={option.value} value={option.value}
unstyled
borderRadius={999} borderRadius={999}
borderWidth={1} borderWidth={1}
borderColor="transparent" borderColor="transparent"
backgroundColor={active ? activeFilterBg : 'transparent'} backgroundColor={active ? activeFilterBg : 'transparent'}
paddingVertical="$1.5" paddingVertical="$1.5"
paddingHorizontal="$3" paddingHorizontal="$3"
{...(active pressStyle={{ opacity: 0.85 }}
? ({ style: { boxShadow: `0 8px 18px ${withAlpha(primary, 0.35)}` } } as any)
: {})}
> >
<XStack alignItems="center" space="$1.5"> <XStack alignItems="center" space="$1.5">
<Text fontSize="$xs" fontWeight="700" color={active ? '#fff' : muted}> <Text fontSize="$xs" fontWeight="700" color={active ? '#fff' : muted}>