Bölüm 1: Editör Layout — Masaüstü

Hibrit düzenleme: görsel canvas + kod paneli + canlı önizleme

Masaüstü Layout (1200px+)
← 📐 Şablon Editörü sys-saat-v2
widget | 💾 Kaydet
PALET
T
◻
🖼
🔢
⏱
📊
🕐
💡
⏯
•••
⬅ ➡ ⬆ ⬇ | 🗑 📋
🕐 Dijital Saat
14:32:07
Cuma, 21 Mart
HTML
CSS
JS
Olaylar
▼ Küçült
<div class="saat-kapsayici">
  <span class="saat">{{saat}}</span>
  <span class="tarih">{{tarih}}</span>
</div>
Stil
Veri
Genel
Boyut
G 50%
Y 30%
Yazı
28px
Bold
Renk
Animasyon
fadeIn • 0.3s
Mobil Layout (< 768px)
← 📐 Şablon Editörü 💾
14:32:07
🧩
Palet
🎨
Stil
💻
Kod
🔗
Veri
⚡
Olaylar
↑ Her buton NzDrawer/Modal olarak açılır (tam ekran veya yarım ekran)

Layout Özeti

Masaüstü Sol palet (56px) + Orta canvas/kod (flex) + Sağ özellikler (240px)
Tablet Palet gizli (toggle), canvas tam, özellikler drawer
Mobil Canvas tam ekran, alt bar FAB butonları, her panel modal/drawer