Merge pull request #529 from R0m1k3/1.1

feat: implement mobile task management page with create and edit task…
This commit is contained in:
LogiFlow authored and GitHub committed 2025-12-10 13:04:07 +01:00
commit bad2665fc6
1 file changed
+4 -4
+4 -4
View File
@@ -367,7 +367,7 @@ export default function MobileTasksPage() {
} }
return ( return (
<div className="min-h-screen bg-gray-50 pb-24"> <div className="min-h-screen bg-gray-50 pb-24 overflow-x-hidden max-w-full">
{/* Header */} {/* Header */}
<div className="bg-white border-b sticky top-0 z-40"> <div className="bg-white border-b sticky top-0 z-40">
<div className="p-4"> <div className="p-4">
@@ -391,17 +391,17 @@ export default function MobileTasksPage() {
</div> </div>
{/* Tabs */} {/* Tabs */}
<div className="flex gap-2"> <div className="flex gap-1 w-full">
{(['pending', 'completed', 'all'] as const).map((tab) => ( {(['pending', 'completed', 'all'] as const).map((tab) => (
<Button <Button
key={tab} key={tab}
variant={activeTab === tab ? 'default' : 'outline'} variant={activeTab === tab ? 'default' : 'outline'}
size="sm" size="sm"
onClick={() => setActiveTab(tab)} onClick={() => setActiveTab(tab)}
className="flex-1 h-10" className="flex-1 h-10 text-xs px-2 min-w-0"
> >
{tab === 'pending' && 'En cours'} {tab === 'pending' && 'En cours'}
{tab === 'completed' && 'Terminées'} {tab === 'completed' && 'Faites'}
{tab === 'all' && 'Toutes'} {tab === 'all' && 'Toutes'}
</Button> </Button>
))} ))}