Compact tasks toggle and title
This commit is contained in:
@@ -1035,7 +1035,7 @@ export default function MobileEventTasksPage() {
|
||||
return (
|
||||
<MobileShell
|
||||
activeTab="tasks"
|
||||
title={t('events.tasks.title', 'Photo tasks & checklists')}
|
||||
title={t('events.tasks.title', 'Photo tasks for guests')}
|
||||
onBack={back}
|
||||
headerActions={
|
||||
<XStack space="$2">
|
||||
@@ -1084,7 +1084,7 @@ export default function MobileEventTasksPage() {
|
||||
<YStack space="$2">
|
||||
<XStack alignItems="center" justifyContent="space-between" space="$2">
|
||||
<Text fontSize="$xs" fontWeight="700" color={text}>
|
||||
{t('events.tasks.toggle.title', 'Photo task mode')}
|
||||
{t('events.tasks.toggle.title', 'Photo tasks for guests')}
|
||||
</Text>
|
||||
<Pressable
|
||||
onPress={() => setShowTaskDetails((prev) => !prev)}
|
||||
@@ -1110,22 +1110,22 @@ export default function MobileEventTasksPage() {
|
||||
<XStack
|
||||
alignItems="center"
|
||||
justifyContent="space-between"
|
||||
paddingHorizontal="$2.5"
|
||||
paddingVertical="$2"
|
||||
borderRadius={14}
|
||||
paddingHorizontal="$2"
|
||||
paddingVertical="$1.5"
|
||||
borderRadius={12}
|
||||
borderWidth={1}
|
||||
borderColor={border}
|
||||
backgroundColor={surface}
|
||||
>
|
||||
<Text fontSize="$xs" fontWeight="700" color={text}>
|
||||
{t('events.tasks.toggle.switchLabel', 'Photo tasks for guests')}
|
||||
{t('events.tasks.toggle.switchLabel', 'Photo task mode')}
|
||||
</Text>
|
||||
<XStack alignItems="center" space="$2">
|
||||
<XStack alignItems="center" space="$1.5">
|
||||
<Switch
|
||||
size="$4"
|
||||
size="$3"
|
||||
checked={tasksEnabled}
|
||||
onCheckedChange={handleTasksToggle}
|
||||
aria-label={t('events.tasks.toggle.switchLabel', 'Photo tasks for guests')}
|
||||
aria-label={t('events.tasks.toggle.switchLabel', 'Photo task mode')}
|
||||
disabled={!canManageTasks || tasksToggleBusy}
|
||||
>
|
||||
<Switch.Thumb />
|
||||
|
||||
Reference in New Issue
Block a user