fix: image preview (#2818)

packages/component/src/ui/toast/toast.ts

@@ -67,7 +67,7 @@ export const toast = (
     duration: 2500,
   }
 ) => {
-  if (!ToastContainer) {
+  if (!ToastContainer || (portal && !portal.contains(ToastContainer))) {
     ToastContainer = createToastContainer(portal);
   }
 
@@ -126,6 +126,7 @@ export const toast = (
     element.style.margin = '0';
     element.style.padding = '0';
     // wait for transition
+    // ToastContainer = null;
     element.addEventListener('transitionend', () => {
       element.remove();
     });

packages/component/src/ui/tooltip/tooltip.tsx

@@ -11,6 +11,8 @@ const StyledTooltip = styled(StyledPopperContainer)(() => {
     backgroundColor: 'var(--affine-tooltip)',
     color: 'var(--affine-white)',
     fontSize: 'var(--affine-font-sm)',
+    borderRadius: '8px',
+    marginBottom: '12px',
   };
 });