fix: move stabilization toggle to bottom for better visibility

This commit is contained in:
Michael committed 2026-01-29 13:03:02 +01:00
1 parent 817bd2a980
commit 8bc7109392
2 files changed
+18 -16

No files matched your search

+17 -16
View File
@@ -271,22 +271,6 @@ export default function MobileNewReel() {
{/* VIDEO STEP */}
{currentStep === 'video' && (
<div className="space-y-4">
<Card className="bg-primary/5 border-primary/20">
<CardContent className="p-4 space-y-4">
<div className="flex items-center justify-between">
<div className="space-y-0.5">
<div className="text-sm font-medium flex items-center gap-2">
<Sparkles className="w-4 h-4 text-primary" /> Stabilisation Vidéo (Anti-tremblements)
</div>
<div className="text-xs text-muted-foreground">Corrige les secousses (Recommandé main levée). Désactiver sur trépied.</div>
</div>
<Switch
checked={stabilize}
onCheckedChange={(checked) => setStabilize(!!checked)}
/>
</div>
</CardContent>
</Card>
<div {...getRootProps()} className={`border-2 border-dashed rounded-xl p-6 text-center ${isDragActive ? 'border-primary bg-primary/5' : 'border-muted'}`}>
<input {...getInputProps()} />
@@ -331,6 +315,23 @@ export default function MobileNewReel() {
)}
</div>
<Card className="bg-primary/5 border-primary/20">
<CardContent className="p-4 space-y-4">
<div className="flex items-center justify-between">
<div className="space-y-0.5">
<div className="text-sm font-medium flex items-center gap-2">
<Sparkles className="w-4 h-4 text-primary" /> Stabilisation Vidéo (Anti-tremblements)
</div>
<div className="text-xs text-muted-foreground">Corrige les secousses (Recommandé main levée). Désactiver sur trépied.</div>
</div>
<Switch
checked={stabilize}
onCheckedChange={(checked) => setStabilize(!!checked)}
/>
</div>
</CardContent>
</Card>
{selectedVideo && (
<Button className="w-full h-12 text-lg sticky bottom-4 shadow-xl" onClick={goNext}>
Suivant <ChevronRight className="ml-2 w-5 h-5" />
+1
View File
@@ -118,6 +118,7 @@ Ajout d'une fonctionnalité complète de création de Reels Facebook permettant
- [x] Ajouter une flèche ou une animation pour attirer l'œil sur le Switch de stabilisation
- [x] S'assurer que le bouton "Suivant" est bien visible sous le Switch
- [x] Renommer toggle stabilisation pour clarté (Anti-tremblements)
- [x] Déplacer le toggle en bas de page (UX)
- [x] **Phase 12: Optimisation Safari (Bypass Compression)** ✅
- [x] Ajouter l'attribut `multiple` à l'input file pour forcer l'envoi du fichier original (Bypass Safari downscaling)
- [x] Mettre à jour les MIME types pour inclure `video/quicktime` (iPhone natif)