Style collection import CTA

2026-01-22 21:03:41 +01:00
parent c1dfbaa51e
commit d76b26b7ad
1 changed files with 7 additions and 3 deletions
--- a/resources/js/admin/mobile/EventTasksPage.tsx
+++ b/resources/js/admin/mobile/EventTasksPage.tsx
@@ -937,7 +937,11 @@ export default function MobileEventTasksPage() {
                }
                iconAfter={
                  <XStack space="$1.5" alignItems="center">
-                    <Pressable
+                    <Button
+                      size="$2"
+                      backgroundColor={withAlpha(primary, 0.12)}
+                      borderWidth={1}
+                      borderColor={withAlpha(primary, 0.35)}
                      onPress={() => {
                        if (!canAddTasks) {
                          toast.error(limitReachedMessage);
@@ -946,10 +950,10 @@ export default function MobileEventTasksPage() {
                        importCollection(collection.id);
                      }}
                    >
-                      <Text fontSize={12} fontWeight="600" color={canAddTasks ? primary : muted}>
+                      <Text fontSize="$xs" fontWeight="700" color={canAddTasks ? primary : muted}>
                        {t('events.tasks.import', 'Import')}
                      </Text>
-                    </Pressable>
+                    </Button>
                    <ChevronRight size={14} color={subtle} />
                  </XStack>
                }