styled dialog container

omen1650ti · Dec 9, 2022 · afeaa88 · afeaa88
1 parent e1abf48
commit afeaa88
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 2 deletions.
diff --git a/src/assets/svg/dialogvector.svg b/src/assets/svg/dialogvector.svg
diff --git a/src/components/BookerDialog/BookerDialog.css b/src/components/BookerDialog/BookerDialog.css
@@ -9,4 +9,8 @@
 }
 .button_continer_dialog{
     /* gap: 2rem; */
+}
+.confirm__book_que{
+    font-size: 2rem;
+    color:rgba(9,76,131,.75) ;
 }
diff --git a/src/components/BookerDialog/BookerDialog.js b/src/components/BookerDialog/BookerDialog.js
@@ -1,6 +1,7 @@
 import React from 'react'
 import Dialog from '@mui/material/Dialog';
 import './BookerDialog.css'
+import dialogvector from '../../assets/svg/dialogvector.svg'
 const BookerDialog = ({handleClose,open,finalSubmit}) => {
   return (
     <div>
@@ -15,14 +16,15 @@ const BookerDialog = ({handleClose,open,finalSubmit}) => {
         aria-labelledby="alert-dialog-title"
         aria-describedby="alert-dialog-description"
       >
+
         <div className="main_dialog_content">
-          <p>Are You sure you want to book the package ?</p>
+          <p className='confirm__book_que'>Are You sure you want to book the package ?</p>
           <div className="button_continer_dialog">
           <button  className='prev__button' onClick={handleClose}>No</button>
         <button  className='next__button' onClick={finalSubmit}>Yes</button>
           </div>
         </div>
-
+        <img src={dialogvector} alt="dialog_vecotr" />
       </Dialog>
     </div>
   )