# Dialog Responsive - FikoYT

## 📱 Breakpoint'ler

| Ekran | Davranış | Genişlik |
|-------|----------|---------|
| < 640px | Tam ekran | windowWidth - 40px |
| 640-1024px | %80 limit | windowWidth * 0.8 |
| > 1024px | Normal | content-width |

## 🎯 İlk Açılış

```typescript
if (ilkAcilis) {
  ekranGenisligineGoreAyarla();
  ilkAcilis = false;
}
```

## 🔄 Window Resize

- **ResizeObserver:** Kullanıcı değişimi takip
- **Height koruma:** Sadece width değiştirilebilir
- **Performans:** Sadece gerekli durumlarda

## 📱 Mobil Optimizasyon

- **< 480px:** Draggable devre dışı
- **480-639px:** Touch optimize
- **> 640px:** Normal draggable

---
2025-11-06