feat: modal style
This commit is contained in:
@@ -323,6 +323,7 @@ export const BrowserWindow = () => {
|
|||||||
isOpen={showAttributeModal}
|
isOpen={showAttributeModal}
|
||||||
onClose={() => { }}
|
onClose={() => { }}
|
||||||
canBeClosed={false}
|
canBeClosed={false}
|
||||||
|
modalStyle={modalStyle}
|
||||||
>
|
>
|
||||||
<div>
|
<div>
|
||||||
<h2>Select Attribute</h2>
|
<h2>Select Attribute</h2>
|
||||||
@@ -388,4 +389,16 @@ const drawImage = (image: string, canvas: HTMLCanvasElement): void => {
|
|||||||
ctx?.drawImage(img, 0, 0, 900, 400);
|
ctx?.drawImage(img, 0, 0, 900, 400);
|
||||||
};
|
};
|
||||||
|
|
||||||
};
|
};
|
||||||
|
|
||||||
|
const modalStyle = {
|
||||||
|
top: '50%',
|
||||||
|
left: '50%',
|
||||||
|
transform: 'translate(-50%, -50%)',
|
||||||
|
width: '30%',
|
||||||
|
backgroundColor: 'background.paper',
|
||||||
|
p: 4,
|
||||||
|
height: 'fit-content',
|
||||||
|
display: 'block',
|
||||||
|
padding: '20px',
|
||||||
|
};
|
||||||
Reference in New Issue
Block a user