Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

too big in mobile version #48

Closed
retry19 opened this issue Sep 8, 2019 · 3 comments
Closed

too big in mobile version #48

retry19 opened this issue Sep 8, 2019 · 3 comments

Comments

@retry19
Copy link

retry19 commented Sep 8, 2019

  • Package Version: #.#.#
  • Laravel Version: #.#.#

Description:

when i use Toast in desktop version is fine and look good, but if in mobile version it's too big

Steps To Reproduce:

@realrashid
Copy link
Owner

Hey @retry19
Set the default width in .env file.

/*
|--------------------------------------------------------------------------
| Width
|--------------------------------------------------------------------------
| Modal window width, including paddings (box-sizing: border-box).
| Can be in px or %.
| The default width is 32rem.
| This is for the all Modal windows.
| for particular modal just use the width() helper method.
*/
SWEET_ALERT_WIDTH=32rem

Or use the width() helper method.

// example:
toast('Post Updated','success','top-right')->width('100px');

But this will not do anything for the design responsiveness.

I will check this issue with sweetalert.

@retry19
Copy link
Author

retry19 commented Sep 8, 2019

ok thanks, but how can i set width responsive?

@realrashid
Copy link
Owner

Please check out this sweetalert2/sweetalert2#272

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants