v2.5.2
Giriş yap

Notifilix alert'in stillendirmesini değiştirmek

fvuarr
329 defa görüntülendi

Notiflix alert'i yeni keşfettim. güzel ve benim anlayacağım şekilde temiz çalışıyor
ancak görüntüsü sanki biraz eski duruyor. direk css'e müdahale etmek istiyorum. ama yeniyim kodlamada. bilen varsa ve yardımcı olursa çok müteşekkir olurum. teşekkürler.

hozcelik
514 gün önce

Bende Notiflix kullanıyorum. Zaten kendi içerisinde stillendirmeye olanak sağlıyor. Sadece init ederken bunları belirtmen lazım.

Aşağıda benim örnek kullandığım stillendirmeyi paylaşıyorum. Bu confirm için geçerli. Hepsi için uygulayabiliyorsun.

https://notiflix.github.io/documentation daha detaylısı burada var.

 Notiflix.Confirm.init({
    className: 'notiflix-confirm',
    width: '300px',
    zindex: 4003,
    position: 'center',
    distance: '10px',
    backgroundColor: '#f8f8f8',
    borderRadius: '0.3rem',
    backOverlay: true,
    backOverlayColor: 'rgba(0,0,0,0.5)',
    rtl: false,
    fontFamily: 'Quicksand',
    cssAnimation: true,
    cssAnimationDuration: 300,
    cssAnimationStyle: 'fade',
    plainText: true,
    titleColor: '#04c9a6',
    titleFontSize: '16px',
    titleMaxLength: 34,
    messageColor: '#1e1e1e',
    messageFontSize: '14px',
    messageMaxLength: 110,
    buttonsFontSize: '15px',
    buttonsMaxLength: 34,
    okButtonColor: '#f8f8f8',
    okButtonBackground: '#04c9a6',
});