github/kubeshark
1
0
Fork 0
mirror of https://github.com/kubeshark/kubeshark.git synced 2025-09-26 13:04:13 +00:00
Code Issues Packages Projects Releases Wiki Activity

change

Browse Source
This commit is contained in:
Leon
2022-01-23 12:29:35 +02:00
parent 96913f0829
commit 441dd9e5fc
3 changed files with 4 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
ui/src/components/UI/Modals/ConfirmationModal.tsx
View File

@@ -31,7 +31,7 @@ const ConfirmationModal: React.FC<ConfirmationModalProps> = observer(({title, is
const classes = useCommonStyles(); const classes = useCommonStyles();
const confirmStyle = {width: 100, marginLeft: 20} const confirmStyle = {width: 100, marginLeft: 20}
return ( return (
<CustomModal open={isOpen} onClose={onClose} disableBackdropClick={true} isWide={isWide} className={className}> <CustomModal open={isOpen} onClose={onClose} disableBackdropClick={true} isWide={isWide} className={`${className}`}>
<div className="confirmationHeader"> <div className="confirmationHeader">
<div className="confirmationTitle" style={titleColor ? {color: titleColor} : {}}>{title ?? "CONFIRMATION"}</div> <div className="confirmationTitle" style={titleColor ? {color: titleColor} : {}}>{title ?? "CONFIRMATION"}</div>
<img src={iconClose} onClick={onClose} alt="close"/> <img src={iconClose} onClick={onClose} alt="close"/>
@@ -55,8 +55,6 @@ const ConfirmationModal: React.FC<ConfirmationModalProps> = observer(({title, is
</Button> </Button>
<Button style={confirmButtonColor ? {backgroundColor: confirmButtonColor,...confirmStyle} : {...confirmStyle}} <Button style={confirmButtonColor ? {backgroundColor: confirmButtonColor,...confirmStyle} : {...confirmStyle}}
className={classes.button} size={"small"} className={classes.button} size={"small"}
onClick={onConfirm} onClick={onConfirm}
disabled={confirmDisabled || isLoading} disabled={confirmDisabled || isLoading}
endIcon={isLoading && <img src={spinner} alt="spinner"/>}>{confirmButtonText ?? "YES"} endIcon={isLoading && <img src={spinner} alt="spinner"/>}>{confirmButtonText ?? "YES"}

1
ui/src/components/UI/Modals/CustomModal.tsx
View File

@@ -11,7 +11,6 @@ const useStyles = makeStyles({
}, },
modalContents: { modalContents: {
borderRadius: "5px", borderRadius: "5px",
outline: "none", outline: "none",
minWidth: "300px", minWidth: "300px",
backgroundColor: "rgb(255, 255, 255)" backgroundColor: "rgb(255, 255, 255)"

2
ui/src/helpers/commonStyle.ts
View File

@@ -41,7 +41,7 @@ export const useCommonStyles = makeStyles(() => ({
top: '10%', top: '10%',
left: '50%', left: '50%',
transform: 'translate(-50%, 0%)', transform: 'translate(-50%, 0%)',
width: '80vw', width: "MAX(40vw, 600px)",
bgcolor: 'background.paper', bgcolor: 'background.paper',
borderRadius: '5px', borderRadius: '5px',
boxShadow: 24, boxShadow: 24,