fix: increase touch targets for header buttons (#10)
Buttons (X, back, save, delete, export) had ~28px hit areas, causing missed taps. Increased padding to p-2.5 + hitSlop for ~44px touch targets. Bump version to 1.2.4. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
parent
a8efb82b3a
commit
fa037e9eef
6 changed files with 22 additions and 8 deletions
7
.claude/rules/i18n.md
Normal file
7
.claude/rules/i18n.md
Normal file
|
|
@ -0,0 +1,7 @@
|
|||
---
|
||||
paths: ["**/*.tsx", "**/*.ts"]
|
||||
---
|
||||
Toute chaine visible par l'utilisateur doit passer par i18n (react-i18next).
|
||||
Fichiers : `src/i18n/fr.json` et `src/i18n/en.json`. Francais par defaut.
|
||||
Jamais de texte en dur dans les composants React.
|
||||
Toujours ajouter la cle dans les DEUX langues.
|
||||
6
.claude/rules/sql-migrations.md
Normal file
6
.claude/rules/sql-migrations.md
Normal file
|
|
@ -0,0 +1,6 @@
|
|||
---
|
||||
paths: ["**/migrations/**", "**/*.sql", "**/schema.ts"]
|
||||
---
|
||||
Ne JAMAIS modifier une migration SQL existante. Toujours creer une nouvelle migration.
|
||||
Apres `npx drizzle-kit generate`, mettre a jour `src/db/migrations/migrations.js` si necessaire.
|
||||
Les migrations sont auto-appliquees au demarrage via `useMigrations()`.
|
||||
2
app.json
2
app.json
|
|
@ -2,7 +2,7 @@
|
|||
"expo": {
|
||||
"name": "Simpl-Liste",
|
||||
"slug": "simpl-liste",
|
||||
"version": "1.2.3",
|
||||
"version": "1.2.4",
|
||||
"orientation": "portrait",
|
||||
"icon": "./assets/images/icon.png",
|
||||
"scheme": "simplliste",
|
||||
|
|
|
|||
|
|
@ -185,7 +185,7 @@ export default function TaskDetailScreen() {
|
|||
<View
|
||||
className={`flex-row items-center justify-between border-b px-4 pb-3 pt-14 ${isDark ? 'border-[#3A3A3A]' : 'border-[#E5E7EB]'}`}
|
||||
>
|
||||
<Pressable onPress={() => router.back()} className="p-1">
|
||||
<Pressable onPress={() => router.back()} className="p-2.5" hitSlop={{ top: 8, bottom: 8, left: 8, right: 8 }}>
|
||||
<ArrowLeft size={24} color={isDark ? '#F5F5F5' : '#1A1A1A'} />
|
||||
</Pressable>
|
||||
<View className="flex-row items-center">
|
||||
|
|
@ -195,15 +195,16 @@ export default function TaskDetailScreen() {
|
|||
[{ id: id!, title, notes: notes || null, dueDate, priority, completed: task.completed, recurrence }],
|
||||
title
|
||||
)}
|
||||
className="mr-3 p-1"
|
||||
className="mr-3 p-2.5"
|
||||
hitSlop={{ top: 8, bottom: 8, left: 8, right: 8 }}
|
||||
>
|
||||
<Download size={20} color={isDark ? '#A0A0A0' : '#6B6B6B'} />
|
||||
</Pressable>
|
||||
)}
|
||||
<Pressable onPress={handleDelete} className="mr-3 p-1">
|
||||
<Pressable onPress={handleDelete} className="mr-3 p-2.5" hitSlop={{ top: 8, bottom: 8, left: 8, right: 8 }}>
|
||||
<Trash2 size={20} color={colors.terracotta.DEFAULT} />
|
||||
</Pressable>
|
||||
<Pressable onPress={handleSave} disabled={saving} className={`rounded-lg bg-bleu px-4 py-1.5 ${saving ? 'opacity-50' : ''}`}>
|
||||
<Pressable onPress={handleSave} disabled={saving} className={`rounded-lg bg-bleu px-4 py-2 ${saving ? 'opacity-50' : ''}`}>
|
||||
<Text className="text-sm text-white" style={{ fontFamily: 'Inter_600SemiBold' }}>{t('common.save')}</Text>
|
||||
</Pressable>
|
||||
</View>
|
||||
|
|
|
|||
|
|
@ -120,7 +120,7 @@ export default function NewTaskScreen() {
|
|||
isDark ? 'border-[#3A3A3A]' : 'border-[#E5E7EB]'
|
||||
}`}
|
||||
>
|
||||
<Pressable onPress={() => router.back()} className="p-1">
|
||||
<Pressable onPress={() => router.back()} className="p-2.5" hitSlop={{ top: 8, bottom: 8, left: 8, right: 8 }}>
|
||||
<X size={24} color={isDark ? '#F5F5F5' : '#1A1A1A'} />
|
||||
</Pressable>
|
||||
<Text
|
||||
|
|
@ -129,7 +129,7 @@ export default function NewTaskScreen() {
|
|||
>
|
||||
{t('task.newTask')}
|
||||
</Text>
|
||||
<Pressable onPress={handleSave} disabled={saving} className={`rounded-lg bg-bleu px-4 py-1.5 ${saving ? 'opacity-50' : ''}`}>
|
||||
<Pressable onPress={handleSave} disabled={saving} className={`rounded-lg bg-bleu px-4 py-2 ${saving ? 'opacity-50' : ''}`}>
|
||||
<Text className="text-sm text-white" style={{ fontFamily: 'Inter_600SemiBold' }}>
|
||||
{t('common.save')}
|
||||
</Text>
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
{
|
||||
"name": "simpl-liste",
|
||||
"main": "index.js",
|
||||
"version": "1.2.3",
|
||||
"version": "1.2.4",
|
||||
"scripts": {
|
||||
"start": "expo start",
|
||||
"android": "expo start --android",
|
||||
|
|
|
|||
Loading…
Reference in a new issue