fix(component): toast duration (#1732)

apps/web/src/components/pure/workspace-slider-bar/style.ts

@@ -17,6 +17,9 @@ export const StyledSliderBar = styled('div')<{ show: boolean }>(
       display: 'flex',
       flexDirection: 'column',
       overflow: 'hidden',
+      [theme.breakpoints.down('sm')]: {
+        position: 'absolute',
+      },
     };
   }
 );

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

@@ -57,7 +57,7 @@ export type ToastOptions = {
  */
 export const toast = (
   message: string,
-  { duration, portal }: ToastOptions = {
+  { duration = 2500, portal }: ToastOptions = {
     duration: 2500,
   }
 ) => {
@@ -107,8 +107,9 @@ export const toast = (
     element.style.margin = '0';
     element.style.padding = '0';
     // wait for transition
-    await sleep(230);
+    element.addEventListener('transitionend', () => {
       element.remove();
+    });
   }, duration);
   return element;
 };