📝 Basit Anlatım
iPhone'larda alışık olduğumuz "aşağı kaydırarak kapatma" özelliğini Muzibu'nun tüm açılır panellerine ekleyeceğiz. Böylece kullanıcılar X butonuna basmadan, parmağını aşağı kaydırarak modal ve panelleri kapatabilecek. Her yerde aynı hareket = kolay öğrenme.
🎯 Handle Çizgisi (Grab Indicator)
↓ Kapatmak için aşağı çek
Bu çizgi "buradan tutup çekebilirsin" anlamına gelir
✅ Uygulanacak Yerler
Playlist Select Modal
Şarkıyı playlist'e ekleme paneli
Yön: Aşağı ↓
Queue Panel (Sıradakiler)
Çalma sırasındaki şarkılar listesi
Yön: Aşağı ↓ (Bottom sheet)
Create Playlist Modal
Yeni playlist oluşturma formu
Yön: Aşağı ↓ (Bottom sheet)
Mobile Header Menu
Hamburger menü (profil, ayarlar vs.)
Yön: Sola ← (Sağdan açılıyorsa) veya Aşağı ↓
Player Dropdown Menu
3 nokta menüsü (favoriler, sıradakiler vs.)
Yön: Aşağı ↓ (Zaten yukarı açılıyor, ters mantık)
Song Context Menu
Şarkı kartındaki 3 nokta menüsü
Yön: Aşağı ↓ (Bottom sheet)
Lyrics Panel
Şarkı sözleri paneli (varsa)
Yön: Aşağı ↓
❌ Uygulanmayacak Yerler
Login / Register Modal
Yanlışlıkla kapanmamalı, form kaybedilir
Confirmation Modals (Silme onayı vs.)
Kritik kararlar, yanlışlıkla geçilmemeli
Payment / Subscription Modals
Ödeme formları, yanlışlıkla kapanmamalı
Toast / Alert Notifications
Zaten otomatik kapanıyor, farklı pattern
Device Limit Modal
Önemli bilgi, kullanıcı okumalı
🔧 Teknik Detaylar
Dismiss Threshold:
80px - Bu mesafeden fazla çekilince kapanır
Handle Çizgisi:
w-12 h-1.5 bg-zinc-500 rounded-full (merkezi)
Touch Area:
Header + Info alanı (touch-none ile pull-to-refresh engellenir)
Görsel Feedback:
translateY ile modal/panel hareket eder
Snap Back:
Threshold'a ulaşılmazsa panel yerine döner
📋 Önerilen Uygulama Sırası
- 1 Playlist Select Modal ✓ Yapıldı
- 2 Queue Panel (En çok kullanılan)
- 3 Player Dropdown Menu
- 4 Song Context Menu
- 5 Create Playlist Modal
- 6 Mobile Header Menu
- 7 Lyrics Panel (varsa)
⏳ Seninle Konuşalım
- • Mobile Header Menu: Sağdan mı açılıyor, alttan mı? Swipe yönü buna göre değişir.
- • Player Dropdown: Şu an yukarı açılıyor, swipe yukarı mı aşağı mı kapatsın?
- • Hepsini yapalım mı: Yoksa sadece en önemli 2-3 tanesi mi?