acid-info
/
lsd
mirror of https://github.com/acid-info/lsd.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

fix: design review fixes and a couple of other minor fixes

This commit is contained in:
jongomez 2023-10-09 12:13:25 +01:00 committed by Jon
parent 1f249490ce
commit a535cfaa61
2 changed files with 15 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
packages/lsd-react/src/components/Toast/Toast.styles.ts
View File

@ -53,7 +53,6 @@ export const ToastStyles = css`
.${toastClasses.title} {
position: relative;
font-weight: bold;
}
.${toastClasses.information} {
@ -83,7 +82,7 @@ export const ToastStyles = css`
.${toastClasses.errorIcon} {
position: absolute;
top: 5px;
top: 3px;
left: -26px;
}
@ -144,5 +143,9 @@ export const ToastStyles = css`
.${toastClasses.textContainer} {
min-width: 144px;
}
.${toastClasses.errorIcon} {
top: 0px;
}
}
`

12
packages/lsd-react/src/components/Toast/Toast.tsx
View File

@ -126,7 +126,11 @@ export const Toast: React.FC<ToastProps> & {
>
<div className={clsx(toastClasses.textContainer)}>
{!!title && (
<Typography className={toastClasses.title} component="div">
<Typography
className={toastClasses.title}
component="div"
variant={size === 'small' ? 'label2' : 'label1'}
>
<ErrorIcon
color="primary"
className={toastClasses.errorIcon}
@ -137,7 +141,11 @@ export const Toast: React.FC<ToastProps> & {
)}
{!!information && (
<Typography className={toastClasses.information} component="div">
<Typography
className={toastClasses.information}
component="div"
variant={size === 'small' ? 'label2' : 'label1'}
>
{information}
</Typography>
)}