toast.less 319 B

12345678910111213141516171819202122
  1. .toast-container {
  2. pointer-events: none;
  3. display: flex;
  4. flex-direction: column;
  5. gap: 12px;
  6. justify-content: space-between;
  7. }
  8. .toast-content {
  9. pointer-events: auto;
  10. }
  11. .global-toasts {
  12. position: fixed;
  13. bottom: 12px;
  14. left: 50%;
  15. transform: translateX(-50%);
  16. [role='alert'] {
  17. z-index: 20;
  18. }
  19. }