|
|
|
@ -9,7 +9,7 @@ |
|
|
|
<Portal target=".modal-container"> |
|
|
|
<div class="notifications"> |
|
|
|
{#each $notifications as { type, icon, message, id, dismissable, action, wide } (id)} |
|
|
|
<div transition:fly={{ y: -30 }}> |
|
|
|
<div transition:fly={{ y: 30 }}> |
|
|
|
<Notification |
|
|
|
{type} |
|
|
|
{icon} |
|
|
|
@ -27,7 +27,7 @@ |
|
|
|
<style> |
|
|
|
.notifications { |
|
|
|
position: fixed; |
|
|
|
top: 20px; |
|
|
|
bottom: 40px; |
|
|
|
left: 0; |
|
|
|
right: 0; |
|
|
|
margin: 0 auto; |
|
|
|
|