Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

SweetAlert small on mobile devices, and Resize SweetAlert icons

I am linking to this SweetAlert library https://unpkg.com/sweetalert/dist/sweetalert.min.js, and when I display an alert on mobile, it displays very small. I have increased the text size, but the success, error, warning animations are very small. How can I resize these animations, or make the alert mobile friendly?

This is without CSS Without Css

With CSS

And with CSS

like image 593
FrankFabregat2 Avatar asked Oct 24 '25 23:10

FrankFabregat2


1 Answers

Found the same thing....

2 options: Add this in CSS:

.swal2-popup {
font-size: 2rem;
}

or

Use these links for your cdn... and it will work....(but its sweet alert1)

https://cdnjs.cloudflare.com/ajax/libs/sweetalert/1.1.3/sweetalert-dev.js

https://cdnjs.cloudflare.com/ajax/libs/sweetalert/1.1.3/sweetalert.css

like image 89
Mikeys4u Avatar answered Oct 27 '25 13:10

Mikeys4u



Donate For Us

If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!