updated ui changes

components/detail/DetailGallery.js

@@ -43,12 +43,12 @@ const DetailGallery = ({ activityById }) => {
   useEffect(() => {
     setimages(
       activityById &&
-        activityById.data.attributes.imagesComponent.map(item => {
-          return {
-            original: cleanImage(item.image.data.attributes),
-            thumbnail: cleanImage(item.image.data.attributes)
-          };
-        })
+      activityById.data.attributes.imagesComponent.map(item => {
+        return {
+          original: cleanImage(item.image.data.attributes),
+          thumbnail: cleanImage(item.image.data.attributes)
+        };
+      })
     );
   }, [activityById]);
 
@@ -90,6 +90,7 @@ const DetailGallery = ({ activityById }) => {
         </div>
       )}
       <Modal
+        centered
         show={showshareWidget}
         onHide={() => {
           setshowshareWidget(false);

components/layout/Header.js

@@ -128,7 +128,7 @@ const Header = () => {
                   <div className="user-item">
                     <ul>
                       <li>
-                        <a href="">
+                        <a href="/user/my-enquires">
                           <span className="image-container">
                             <Image layout="fill" priority alt="" className="image img-fluid" src="/images/icons/my-booking.svg" />
                           </span>

components/user/MyProfile.js

@@ -73,7 +73,7 @@ const MyProfile = () => {
                 <div className="row">
                     <div className="col-12 col-lg-12">
                         <div className="form-container content-wraaper">
-                            <div className='px-5'>
+                            <div className='px-lg-5 '>
                                 <h2>My Profile</h2>
 
 
@@ -307,7 +307,7 @@ const MyProfile = () => {
                                                                         </select>
                                                                     )}
                                                                     <Field
-                                                                    className='m-0'
+                                                                        className='m-0'
                                                                         type="text"
                                                                         name="mobile"
                                                                         onChange={handleChange}

styles/globals.css

@@ -1043,6 +1043,7 @@ span.form-error,
   text-align: left;
   color: #000;
   margin-bottom: 0;
+  word-break: break-word;
 }
 
 .btn-edit {
@@ -1080,6 +1081,7 @@ span.form-error,
   font-size: 21px;
   font-weight: 600;
   padding: 16px 22px;
+  word-break: break-word;
 }
 
 .content-wraaper input:read-only {
@@ -4157,6 +4159,7 @@ img:hover {
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
   overflow: hidden;
+  line-height: 16px;
 }
 
 .listing-wrapper .product-info {
@@ -4227,12 +4230,14 @@ footer .footer-link ul {
 .product-gallery-item .image-gallery-content.image-gallery-content.image-gallery-thumbnails-bottom.fullscreen {
   position: relative;
   line-height: 0;
-  top: -50px;
+  /* top: -50px; */
   display: flex;
-  align-items: flex-start;
+  align-items: normal;
   justify-content: center;
   flex-direction: column;
   height: 100%;
+  width: 70%;
+  margin: 0 auto;
 }
 
 /* .image-gallery-content .image-gallery-slide .image-gallery-image {
@@ -4484,6 +4489,20 @@ footer .footer-link ul {
 }
 
 @media (max-width: 767px) {
+  .content-wraaper input {
+    font-size: 16px;
+    height: 30px;
+  }
+  .form-container .input-group {
+    margin-bottom: 15px;
+  }
+  .modal {
+    z-index: 9999;
+  }
+  .product-gallery-item .image-gallery-content.image-gallery-content.image-gallery-thumbnails-bottom.fullscreen {
+    width: 100%;
+    margin: 0 auto;
+  }
   .image-gallery-thumbnail + .image-gallery-thumbnail {
     margin-left: 0.5rem;
   }
@@ -4516,6 +4535,7 @@ footer .footer-link ul {
 
   .form-container.content-wraaper .bg-white.border-div .profile-img-s {
     width: 12vw;
+    flex: 0 0 auto;
   }
 
   .gift-an-experience-session {