-
{toast.title}
+
{toast.title}
{toast.message && (
{toast.message}
)}
@@ -261,6 +300,7 @@ export function ToastItem({ toast, onClose, held = false }: ToastProps) {
{/* Close button. Phones swipe the toast away instead. */}
@@ -318,11 +358,44 @@ export function ToastContainer({ toasts, onClose }: { toasts: Toast[]; onClose:
const menuOpen = useContextMenuOpen();
const phone = useMediaQuery("(max-width: 639px)");
const held = menuOpen && phone;
+ const containerRef = useRef