feat(toast): update opacity of auto hide progress bar in Toast (#14)

innovaccer · Dec 5, 2024 · e0bf8d1 · e0bf8d1
1 parent 56395e0
commit e0bf8d1
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/src/services/alertService/alertComponent.tsx b/src/services/alertService/alertComponent.tsx
@@ -78,7 +78,7 @@ const AlertComponent = (props: AlertProps) => {
   }, [width]);
 
   const className = `${wrapClassName} Toast--${appearance} alertService-${direction}`;
-  const autoHideBarOpacity = appearance === 'info' ? 'rgb(0,0,0,50%)' : 'rgb(0,0,0,40%)';
+  const autoHideBarOpacity = 'rgb(0,0,0,48%)';
   return (
     <div
       id={wrapId}

diff --git a/src/services/alertService/alertService.tsx b/src/services/alertService/alertService.tsx
@@ -10,7 +10,7 @@ const defaultConf = {
       height: '4px',
       borderTopRightRadius: '2px',
       borderBottomRightRadius: '2px',
-      backgroundColor: 'rgb(0,0,0,40%)'
+      backgroundColor: 'rgb(0,0,0,48%)'
     }
   },
   position: 'left',