Skip to content

Jay Mehta / zango-frontend

Go to a project
Toggle navigation
Toggle navigation pinning
Commit 71f705be by Ravindra Kanojiya
Options

updated ui changes

1 parent a8252df1
Inline Side-by-side
Showing 4 changed files with 32 additions and 11 deletions
components/detail/DetailGallery.js
...@@ -43,12 +43,12 @@ const DetailGallery = ({ activityById }) => { ...@@ -43,12 +43,12 @@ const DetailGallery = ({ activityById }) => {
useEffect(() => { useEffect(() => {
setimages( setimages(
activityById && activityById &&
activityById.data.attributes.imagesComponent.map(item => { activityById.data.attributes.imagesComponent.map(item => {
return { return {
original: cleanImage(item.image.data.attributes), original: cleanImage(item.image.data.attributes),
thumbnail: cleanImage(item.image.data.attributes) thumbnail: cleanImage(item.image.data.attributes)
}; };
}) })
); );
}, [activityById]); }, [activityById]);
...@@ -90,6 +90,7 @@ const DetailGallery = ({ activityById }) => { ...@@ -90,6 +90,7 @@ const DetailGallery = ({ activityById }) => {
</div> </div>
)} )}
<Modal <Modal
centered
show={showshareWidget} show={showshareWidget}
onHide={() => { onHide={() => {
setshowshareWidget(false); setshowshareWidget(false);
......
components/layout/Header.js
...@@ -128,7 +128,7 @@ const Header = () => { ...@@ -128,7 +128,7 @@ const Header = () => {
<div className="user-item"> <div className="user-item">
<ul> <ul>
<li> <li>
<a href=""> <a href="/user/my-enquires">
<span className="image-container"> <span className="image-container">
<Image layout="fill" priority alt="" className="image img-fluid" src="/images/icons/my-booking.svg" /> <Image layout="fill" priority alt="" className="image img-fluid" src="/images/icons/my-booking.svg" />
</span> </span>
......
components/user/MyProfile.js
...@@ -73,7 +73,7 @@ const MyProfile = () => { ...@@ -73,7 +73,7 @@ const MyProfile = () => {
<div className="row"> <div className="row">
<div className="col-12 col-lg-12"> <div className="col-12 col-lg-12">
<div className="form-container content-wraaper"> <div className="form-container content-wraaper">
<div className='px-5'> <div className='px-lg-5 '>
<h2>My Profile</h2> <h2>My Profile</h2>
...@@ -307,7 +307,7 @@ const MyProfile = () => { ...@@ -307,7 +307,7 @@ const MyProfile = () => {
</select> </select>
)} )}
<Field <Field
className='m-0' className='m-0'
type="text" type="text"
name="mobile" name="mobile"
onChange={handleChange} onChange={handleChange}
......
styles/globals.css
...@@ -1043,6 +1043,7 @@ span.form-error, ...@@ -1043,6 +1043,7 @@ span.form-error,
text-align: left; text-align: left;
color: #000; color: #000;
margin-bottom: 0; margin-bottom: 0;
word-break: break-word;
} }
.btn-edit { .btn-edit {
...@@ -1080,6 +1081,7 @@ span.form-error, ...@@ -1080,6 +1081,7 @@ span.form-error,
font-size: 21px; font-size: 21px;
font-weight: 600; font-weight: 600;
padding: 16px 22px; padding: 16px 22px;
word-break: break-word;
} }
.content-wraaper input:read-only { .content-wraaper input:read-only {
...@@ -4157,6 +4159,7 @@ img:hover { ...@@ -4157,6 +4159,7 @@ img:hover {
-webkit-line-clamp: 2; -webkit-line-clamp: 2;
-webkit-box-orient: vertical; -webkit-box-orient: vertical;
overflow: hidden; overflow: hidden;
line-height: 16px;
} }
.listing-wrapper .product-info { .listing-wrapper .product-info {
...@@ -4227,12 +4230,14 @@ footer .footer-link ul { ...@@ -4227,12 +4230,14 @@ footer .footer-link ul {
.product-gallery-item .image-gallery-content.image-gallery-content.image-gallery-thumbnails-bottom.fullscreen { .product-gallery-item .image-gallery-content.image-gallery-content.image-gallery-thumbnails-bottom.fullscreen {
position: relative; position: relative;
line-height: 0; line-height: 0;
top: -50px; /* top: -50px; */
display: flex; display: flex;
align-items: flex-start; align-items: normal;
justify-content: center; justify-content: center;
flex-direction: column; flex-direction: column;
height: 100%; height: 100%;
width: 70%;
margin: 0 auto;
} }
/* .image-gallery-content .image-gallery-slide .image-gallery-image { /* .image-gallery-content .image-gallery-slide .image-gallery-image {
...@@ -4484,6 +4489,20 @@ footer .footer-link ul { ...@@ -4484,6 +4489,20 @@ footer .footer-link ul {
} }
@media (max-width: 767px) { @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 { .image-gallery-thumbnail + .image-gallery-thumbnail {
margin-left: 0.5rem; margin-left: 0.5rem;
} }
...@@ -4516,6 +4535,7 @@ footer .footer-link ul { ...@@ -4516,6 +4535,7 @@ footer .footer-link ul {
.form-container.content-wraaper .bg-white.border-div .profile-img-s { .form-container.content-wraaper .bg-white.border-div .profile-img-s {
width: 12vw; width: 12vw;
flex: 0 0 auto;
} }
.gift-an-experience-session { .gift-an-experience-session {
......
Styling with Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!