I would like to display the toast in the verticle center of the screen, regardless of the screen height. I see that there is a position prop on the Toaster component, but these focus on Top and Bottom - there is no verticle Center.
I have tried containerStyle={{top: "50%"}} and containerStyle={{transform: "translateY(50%)"}} on the Toaster component, but these don't seem to quite center the toast - there is slightly more of a gap at the top than the bottom.
Is there a magic CSS one-liner I am missing? Any help would be appreciated.
I would like to display the toast in the verticle center of the screen, regardless of the screen height. I see that there is a![image](https://user-images.githubusercontent.com/35103224/165733211-423d9ee9-920f-4036-af88-b8597e359dd5.png)
position
prop on the Toaster component, but these focus on Top and Bottom - there is no verticle Center. I have triedcontainerStyle={{top: "50%"}}
andcontainerStyle={{transform: "translateY(50%)"}}
on the Toaster component, but these don't seem to quite center the toast - there is slightly more of a gap at the top than the bottom.Is there a magic CSS one-liner I am missing? Any help would be appreciated.