ucurtma / ucurtma-app Goto Github PK

Problem

Problemi tekrar oluşturmak için:

• Henüz sadece bir adet kampanya gelişmesi olan bir kampanyaya gidin. örnek: https://ucurtmaprojesi.com/campaign/dogukan-kursat
• Kampanya Gelişmeleri listesine göz atın.

Kampanya gelişmelerinin sayısı birden fazla olduğunda sorunsuzca çalışan çizgi, sayı 1 olduğunda da gözüküyor.

Navbar aşağı inince görünmüyor. V1'de üzerinde düşündüğümüz bir konuydu. Tekrar gündeme almak güzel olur. Aşağı inince hangi kısımdaysa o kısmı aktif göstebiliriz. Navbar'ın statik olması gerekiyor. Geçişlerde easing olursa yumuşatmış oluruz.

Onepage landingpage kullanımlarında yukarı kaydır butonu kullanmak pratik oluyor. Böyle bir buton eklenebilir.

Fallback olarak tanımladığınız loader componentine iki yerde (Kampanya ve Kampanyalar sayfası) isFull prop'u verilmemiş. Bu yüzden(öyle olduğunu tahmin ediyorum) iki yerde spinner footerda gözüküyor. 17.3 ekranda ve mobil ekrandaki görüntüyü paylaşıyorum.

Ufak bir detay 👍

Problem

Landing Page'de, Sıkça sorulan sorular kısmında accordionlar kapalı olduğunda iyi bir uyum içerisinde gözüküyorlar. Fakat accordionlardan birisi açıldığında bütün ahenkleri bozuluyor.

Çözüm

Masonry tarzı bir layout denenebilir.

Şu anda footerdaki sosyal medya iconları ile kampanya paylaş iconları aynı tasarım çizgisinde görünmüyor. Footerdaki iconlarla aynı iconları kullanırsak güzel olur. Paylaş kısmı ve footer kısmındaki fonksiyonelliği ayırt edebilmek için paylaş kısmında küçük bir dokunuş iyi olabilir. Belki sadece 'Bu kampanyayı paylaş' şeklinde açılır bir buton tasarımı yapılabilir.

Problem

Bir kampanyaya daha önce hiç destek gelmediyse, kartlarda "Toplanan: 0" gözüküyor. Oysaki normalde o kısımda yüzde hesabı gösteriyoruz.

Çözüm

Daha önce hiç destek gelmediyse, "Toplanan: 0" yerine, "Toplanan: 0%" şeklinde gözükmeli.

Kampanya detay sayfasındaki kampanya gelişmeleri kısmında fotoğraflı bir güncelleme olduğu zaman bu fotoğrafları basit bir lightbox içinde gösterirsek çok tatlı olur. Şu anda sadece kaynak görsel yeni sekmede görünüyor. Örnek kampanya.

Bu link çok göze batıyor. Olumsuz aksiyonları çok göze çarpmaya gerek yok diye düşünüyorum. Bu buton bu şekilde açıkta kalacaksa, no-bg-color, no-padding, daha minimal font-size ve weight olmasını önermek isterim. Rengi de biraz daha solabilir. Ne dersiniz?

{ bir font-size: 75%; font-weight: 400; background: none; padding: 0; color: #dc5f5f; }

Kampanyalar sayfasındaki tabbar butonlarının aralıklarının açılması gerekiyor. Şu anda çok bitişik duruyor.

margin-right: 0.75rem
margin-top/bottom: 2rem değerlendirilebilir.