Put the flash display in the middle page

Phoenix Forum Questions / Help
1

Dear All,

perhaps this is my silly question…
how to put my flash notification in the middle page ?

i saw the flash message always show in right corner above

2

Ah the good ol’ CSS centring problem!

Best way I know is to change the following classes in CoreComponents.flash/1 from:

fixed top-2 right-2

to

fixed top-1/2 right-1/2 -translate-y-1/2 translate-x-1/2

EDIT: corrected translate-y-1/2 to -translate-y-1/2.

2 Likes
3

what about put in the middle top? hahaha

4 
fixed top-0 right-1/2 translate-x-1/2

Adjust top-0 to taste.

2 Likes
5

tks Bro… it’s works haha

1 Like