diff options
Diffstat (limited to 'src/api')
| -rw-r--r-- | src/api/Notifications/NotificationComponent.tsx | 8 | ||||
| -rw-r--r-- | src/api/Notifications/styles.css | 2 |
2 files changed, 7 insertions, 3 deletions
diff --git a/src/api/Notifications/NotificationComponent.tsx b/src/api/Notifications/NotificationComponent.tsx index 29cd68f..53c1b81 100644 --- a/src/api/Notifications/NotificationComponent.tsx +++ b/src/api/Notifications/NotificationComponent.tsx @@ -63,7 +63,10 @@ export default ErrorBoundary.wrap(function NotificationComponent({ <button className="vc-notification-root" style={position === "bottom-right" ? { bottom: "1rem" } : { top: "3rem" }} - onClick={onClick} + onClick={() => { + onClose!(); + onClick?.(); + }} onContextMenu={e => { e.preventDefault(); e.stopPropagation(); @@ -78,7 +81,7 @@ export default ErrorBoundary.wrap(function NotificationComponent({ <div className="vc-notification-header"> <h2 className="vc-notification-title">{title}</h2> <button - style={{ all: "unset", cursor: "pointer" }} + className="vc-notification-close-btn" onClick={e => { e.preventDefault(); e.stopPropagation(); @@ -86,7 +89,6 @@ export default ErrorBoundary.wrap(function NotificationComponent({ }} > <svg - className="vc-notification-close-btn" width="24" height="24" viewBox="0 0 24 24" diff --git a/src/api/Notifications/styles.css b/src/api/Notifications/styles.css index a3db81e..cd37142 100644 --- a/src/api/Notifications/styles.css +++ b/src/api/Notifications/styles.css @@ -40,6 +40,8 @@ } .vc-notification-close-btn { + all: unset; + cursor: pointer; color: var(--interactive-normal); opacity: 0.5; transition: opacity 0.2s ease-in-out, color 0.2s ease-in-out; |