search

acidjazz / tv-toast

Programmatic toasts for Nuxt.js powered by Tailwind CSS
MIT License
116 stars 11 forks source link

Toast appears in middle of viewport on small screens #17

Closed dosstx closed 3 years ago

dosstx commented 3 years ago

Have a pretty basic NUXT installation and tailwind module. Out of the box, the toast appears in the middle of the viewport on small screens . Is this intended? If so, how would I fix so it stays at the top? Thanks.

dloused commented 3 years ago

check this topic

For now you can override by adding in your css styles for eg. 

@media screen and (max-width: 767px) {
    div#toasts {
        justify-content: flex-end;
    }
}

This will position the toast at the top

acidjazz commented 3 years ago

@dosstx Yes, this is intended and designed via tailwind, thanks @dloused