TrizTech/ohif-viewer
15
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(UI) - fixed the spacing and positioning of the close button in the SnackbarItem component (#3380)

Browse Source
This commit is contained in:
Joe Boccanfuso 2023-05-10 09:07:17 -04:00 committed by GitHub
parent 55f996cf48
commit 0eda151418
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 8 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
platform/ui/src/components/Snackbar/SnackbarItem.tsx
View File

@ -37,15 +37,9 @@ const SnackbarItem = ({ options, onClose }) => {
typeClasses[options.type]
)}
>
<div className="flex ">
<div
onClick={handleClose}
className="w-5 h-5 rounded-full absolute flex items-center justify-center right-0 top-0 mr-2 mt-2 text-[#0944b3]"
>
<Icon name="close" className="w-5 h-5 text-black" />
</div>
<div className="flex">
<Icon name={iconClasses[options.type]} className="w-5 h-5 mt-[1px]" />
<div className="flex-col ml-2">
<div className="flex-col mx-2">
{/* </span> */}
{options.title && (
<div className="break-normal text-lg font-bold text-black">
@ -58,6 +52,12 @@ const SnackbarItem = ({ options, onClose }) => {
</div>
)}
</div>
<div
onClick={handleClose}
className="w-5 h-5 rounded-full flex items-center justify-center self-start ml-auto relative left-[3px] top-[-3px] text-[#0944b3]"
>
<Icon name="close" className="w-5 h-5 text-black" />
</div>
</div>
</div>
);