aboutsummaryrefslogtreecommitdiff
path: root/frontend/src/components/MessageDialogLoad.tsx
diff options
context:
space:
mode:
Diffstat (limited to 'frontend/src/components/MessageDialogLoad.tsx')
-rw-r--r--frontend/src/components/MessageDialogLoad.tsx30
1 files changed, 15 insertions, 15 deletions
diff --git a/frontend/src/components/MessageDialogLoad.tsx b/frontend/src/components/MessageDialogLoad.tsx
index 966e064..000a2ab 100644
--- a/frontend/src/components/MessageDialogLoad.tsx
+++ b/frontend/src/components/MessageDialogLoad.tsx
@@ -1,4 +1,4 @@
1import React from 'react'; 1import React from "react";
2 2
3import "@css/Dialog.css" 3import "@css/Dialog.css"
4 4
@@ -8,22 +8,22 @@ interface MessageDialogLoadProps {
8}; 8};
9 9
10const MessageDialogLoad: React.FC<MessageDialogLoadProps> = ({ title, onClose }) => { 10const MessageDialogLoad: React.FC<MessageDialogLoadProps> = ({ title, onClose }) => {
11 return ( 11 return (
12 <div className='dimmer'> 12 <div className='dimmer'>
13 <div className='dialog'> 13 <div className='dialog'>
14 <div className='dialog-element dialog-header'> 14 <div className='dialog-element dialog-header'>
15 <span>{title}</span> 15 <span>{title}</span>
16 </div> 16 </div>
17 <div className='dialog-element dialog-description'> 17 <div className='dialog-element dialog-description'>
18 <div style={{display: "flex", justifyContent: "center"}}> 18 <div style={{display: "flex", justifyContent: "center"}}>
19 <span className="loader"></span> 19 <span className="loader"></span>
20 </div> 20 </div>
21 </div> 21 </div>
22 <div className='dialog-element dialog-btns-container'> 22 <div className='dialog-element dialog-btns-container'>
23 </div>
24 </div>
25 </div> 23 </div>
26 ) 24 </div>
25 </div>
26 )
27} 27}
28 28
29export default MessageDialogLoad; 29export default MessageDialogLoad;