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

Fix filter pill sizing for admin filters
Some checks failed
linter / quality (push) Has been cancelled
Details
tests / ci (push) Has been cancelled
Details
tests / ui (push) Has been cancelled
Details

Browse Source
This commit is contained in:
Codex Agent
2026-02-04 08:55:45 +01:00
parent 93ae23fd0a
commit cffe8e6cd4
4 changed files with 29 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1397,6 +1397,9 @@ export default function MobileEventControlRoomPage() {
borderColor={border} borderColor={border}
paddingVertical="$2" paddingVertical="$2"
paddingHorizontal="$3" paddingHorizontal="$3"
width="auto"
minWidth="max-content"
flexShrink={0}
hoverStyle={{ backgroundColor: '$backgroundHover' }} hoverStyle={{ backgroundColor: '$backgroundHover' }}
pressStyle={{ backgroundColor: '$backgroundPress' }} pressStyle={{ backgroundColor: '$backgroundPress' }}
activeStyle={{ backgroundColor: '$backgroundPress', borderColor: '$borderColorPress' }} activeStyle={{ backgroundColor: '$backgroundPress', borderColor: '$borderColorPress' }}
@@ -1569,6 +1572,9 @@ export default function MobileEventControlRoomPage() {
borderColor={border} borderColor={border}
paddingVertical="$2" paddingVertical="$2"
paddingHorizontal="$3" paddingHorizontal="$3"
width="auto"
minWidth="max-content"
flexShrink={0}
hoverStyle={{ backgroundColor: '$backgroundHover' }} hoverStyle={{ backgroundColor: '$backgroundHover' }}
pressStyle={{ backgroundColor: '$backgroundPress' }} pressStyle={{ backgroundColor: '$backgroundPress' }}
activeStyle={{ backgroundColor: '$backgroundPress', borderColor: '$borderColorPress' }} activeStyle={{ backgroundColor: '$backgroundPress', borderColor: '$borderColorPress' }}

6
resources/js/admin/mobile/EventMembersPage.tsx
View File

@@ -250,6 +250,9 @@ export default function MobileEventMembersPage() {
borderRadius="$pill" borderRadius="$pill"
paddingHorizontal="$3" paddingHorizontal="$3"
paddingVertical="$1.5" paddingVertical="$1.5"
width="auto"
minWidth="max-content"
flexShrink={0}
> >
<Text fontSize="$xs" fontWeight="600"> <Text fontSize="$xs" fontWeight="600">
{option.label} {option.label}
@@ -282,6 +285,9 @@ export default function MobileEventMembersPage() {
borderRadius="$pill" borderRadius="$pill"
paddingHorizontal="$3" paddingHorizontal="$3"
paddingVertical="$1.5" paddingVertical="$1.5"
width="auto"
minWidth="max-content"
flexShrink={0}
> >
<Text fontSize="$xs" fontWeight="600"> <Text fontSize="$xs" fontWeight="600">
{option.label} {option.label}

3
resources/js/admin/mobile/EventsPage.tsx
View File

@@ -332,6 +332,9 @@ function EventsList({
borderColor={border} borderColor={border}
paddingVertical="$2" paddingVertical="$2"
paddingHorizontal="$3" paddingHorizontal="$3"
width="auto"
minWidth="max-content"
flexShrink={0}
hoverStyle={{ backgroundColor: '$backgroundHover' }} hoverStyle={{ backgroundColor: '$backgroundHover' }}
pressStyle={{ backgroundColor: '$backgroundPress' }} pressStyle={{ backgroundColor: '$backgroundPress' }}
activeStyle={{ backgroundColor: '$backgroundPress', borderColor: '$borderColorPress' }} activeStyle={{ backgroundColor: '$backgroundPress', borderColor: '$borderColorPress' }}

2
resources/js/admin/mobile/NotificationsPage.tsx
View File

@@ -586,6 +586,8 @@ export default function MobileNotificationsPage() {
paddingHorizontal="$3" paddingHorizontal="$3"
flexGrow={1} flexGrow={1}
justifyContent="center" justifyContent="center"
width="auto"
minWidth="max-content"
> >
<Text fontSize="$xs" fontWeight="600" textAlign="center"> <Text fontSize="$xs" fontWeight="600" textAlign="center">
{filter.label} {filter.label}