granblue.team/hensei-web
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Updated toasts

Browse source
This commit is contained in:
Justin Edmund 2023-06-29 00:48:13 -07:00
parent 9d6fec0a56
commit 378486954c
2 changed files with 4 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
components/common/Toast/index.module.scss
View file

@ -1,4 +1,4 @@
.Toast { .toast {
background: var(--dialog-bg); background: var(--dialog-bg);
border-radius: $card-corner; border-radius: $card-corner;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.12), 0 0 1px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 4px rgba(0, 0, 0, 0.12), 0 0 1px rgba(0, 0, 0, 0.1);
@ -28,7 +28,7 @@
animation: slideRight 100ms ease-out; animation: slideRight 100ms ease-out;
} }
.Header { .header {
align-items: center; align-items: center;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;

4
components/common/Toast/index.tsx
View file

@ -22,13 +22,13 @@ const Toast = ({
const { onCloseClick, ...toastProps } = props const { onCloseClick, ...toastProps } = props
const classes = classNames(props.className, { const classes = classNames(props.className, {
Toast: true, [styles.toast]: true,
}) })
return ( return (
<ToastPrimitive.Root {...toastProps} className={classes}> <ToastPrimitive.Root {...toastProps} className={classes}>
{title && ( {title && (
<div className="Header"> <div className={styles.header}>
<ToastPrimitive.Title asChild> <ToastPrimitive.Title asChild>
<h3>{title}</h3> <h3>{title}</h3>
</ToastPrimitive.Title> </ToastPrimitive.Title>