Skip to content

Jay Mehta / zango-frontend

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

updated

1 parent 9f7c8652
Inline Side-by-side
Showing 4 changed files with 31 additions and 14 deletions
components/home/LetDiscover.js
...@@ -97,7 +97,7 @@ const LetDiscover = ({ categories }) => { ...@@ -97,7 +97,7 @@ const LetDiscover = ({ categories }) => {
}} }}
> >
<span className="image-container"> <span className="image-container">
<Image layout="fill" alt="" className="image img-fluid" src={cleanImage(data?.attributes?.image?.data?.attributes)} /> <Image priority={false} loading="lazy" layout="fill" alt="" className="image img-fluid" src={cleanImage(data?.attributes?.image?.data?.attributes)} />
</span> </span>
<div className="title">{data?.attributes?.name}</div> <div className="title">{data?.attributes?.name}</div>
</a> </a>
......
components/layout/Footer.js
...@@ -45,8 +45,8 @@ const Footer = () => { ...@@ -45,8 +45,8 @@ const Footer = () => {
<div className="col-md-3"> <div className="col-md-3">
<div className="footer-link"> <div className="footer-link">
<h3>VENDOR SIGN UP</h3> <h3>VENDOR SIGN UP</h3>
<div className=""> <div className="vendor-signup">
<Button href="/login/vendor" variant="light me-3"> <Button href="/login/vendor" variant="light me-3 mb-md-2">
Log In Log In
</Button> </Button>
<Button href="/signup/vendor" variant="primary"> <Button href="/signup/vendor" variant="primary">
...@@ -62,7 +62,7 @@ const Footer = () => { ...@@ -62,7 +62,7 @@ const Footer = () => {
</div> </div>
</div> </div>
<div className="row"> <div className="row">
<div className="col-md-3"> <div className="col-sm-12 col-md-6 col-lg-3">
<div className="footer-link mtp-0"> <div className="footer-link mtp-0">
<h3>QUICK LINKS</h3> <h3>QUICK LINKS</h3>
<ul> <ul>
...@@ -87,7 +87,7 @@ const Footer = () => { ...@@ -87,7 +87,7 @@ const Footer = () => {
</ul> </ul>
</div> </div>
</div> </div>
<div className="col-md-3"> <div className="col-sm-12 col-md-6 col-lg-3">
<div className="footer-link"> <div className="footer-link">
<h3>CONTACT </h3> <h3>CONTACT </h3>
<div className="icon-text"> <div className="icon-text">
...@@ -116,7 +116,7 @@ const Footer = () => { ...@@ -116,7 +116,7 @@ const Footer = () => {
</div> </div>
</div> </div>
</div> </div>
<div className="col-md-3"> <div className="col-sm-12 col-md-6 col-lg-3 mt-md-4">
<div className="footer-link"> <div className="footer-link">
<h3>HELP</h3> <h3>HELP</h3>
<ul> <ul>
...@@ -135,7 +135,7 @@ const Footer = () => { ...@@ -135,7 +135,7 @@ const Footer = () => {
</ul> </ul>
</div> </div>
</div> </div>
<div className="col-md-3"> <div className="col-sm-12 col-md-6 col-lg-3 mt-md-4">
<div className="footer-link mb-3"> <div className="footer-link mb-3">
<h3>FOLLOW US ON</h3> <h3>FOLLOW US ON</h3>
<div className="social-icon"> <div className="social-icon">
...@@ -162,7 +162,7 @@ const Footer = () => { ...@@ -162,7 +162,7 @@ const Footer = () => {
<div className="subscribe"> <div className="subscribe">
<form onSubmit={handleSubmit}> <form onSubmit={handleSubmit}>
<div className="row"> <div className="row">
<div className="col-12 d-flex align-items-center justify-content-between"> <div className="col-12 d-flex align-items-center justify-content-start justify-content-lg-between">
<input <input
id="subscribe" id="subscribe"
onChange={e => { onChange={e => {
......
components/user/MyProfile.js
...@@ -161,7 +161,7 @@ const MyProfile = () => { ...@@ -161,7 +161,7 @@ const MyProfile = () => {
> >
<div className="row align-items-center justify-content-between"> <div className="row align-items-center justify-content-between">
<div className="col-lg-12 d-flex align-items-center"> <div className="col-lg-12 d-flex align-items-center">
<span className="image-container me-4"> <span className="image-container me-4 profile-img-s">
<Image layout="fill" alt="" src="/images/user/user-big.jpg" className="image" /> <Image layout="fill" alt="" src="/images/user/user-big.jpg" className="image" />
</span> </span>
<p className="username"> <p className="username">
......
styles/globals.css
...@@ -2171,6 +2171,7 @@ footer .icon-text .image-container { ...@@ -2171,6 +2171,7 @@ footer .icon-text .image-container {
width: 20px; width: 20px;
display: block; display: block;
margin-right: 1rem; margin-right: 1rem;
flex: 0 0 auto;
} }
footer .icon-text { footer .icon-text {
...@@ -2204,9 +2205,9 @@ footer .subscribe input { ...@@ -2204,9 +2205,9 @@ footer .subscribe input {
border: 1px solid #fff; border: 1px solid #fff;
border-radius: 5px; border-radius: 5px;
background: transparent; background: transparent;
font-size: 12px; font-size: calc(12px + (12px - 12px) * (100vw - 320px) / (1920 - 320));
line-height: 14px; line-height: 14px;
padding: 0.6rem; padding: 0.5vw;
color: #fff; color: #fff;
margin-right: 0.5rem; margin-right: 0.5rem;
width: 100%; width: 100%;
...@@ -2825,9 +2826,9 @@ button:focus:not(:focus-visible) { ...@@ -2825,9 +2826,9 @@ button:focus:not(:focus-visible) {
} }
.subscribe label .btn { .subscribe label .btn {
font-size: 16px; font-size: calc(12px + (16 - 12) * (100vw - 320px) / (1920 - 320));
padding-left: 1rem; line-height: calc(14px + (18 - 14) * (100vw - 320px) / (1920 - 320));
padding-right: 1rem; padding: 0.5vw;
} }
.mySwiper01 .swiper-button-prev:after, .mySwiper01 .swiper-button-prev:after,
...@@ -3806,6 +3807,10 @@ img:hover { ...@@ -3806,6 +3807,10 @@ img:hover {
} }
} }
@media (max-width: 1023px) { @media (max-width: 1023px) {
.footer-link h3 {
font-size: 1.85vw;
line-height: 1.85vw;
}
.gift-card-amt ul li a, .gift-card-amt ul li a,
.gift-card-amt ul li label { .gift-card-amt ul li label {
padding: 1.5rem 2.8rem; padding: 1.5rem 2.8rem;
...@@ -3869,8 +3874,20 @@ img:hover { ...@@ -3869,8 +3874,20 @@ img:hover {
} }
} }
@media (max-width: 991px) { @media (max-width: 991px) {
.vendor-signup a{
min-width: 140px;
}
} }
@media (max-width: 767px) { @media (max-width: 767px) {
.subscribe label .btn {
padding: 2.8vw;
}
footer .subscribe input {
padding: 2.8vw;
}
.form-container.content-wraaper .bg-white.border-div .profile-img-s{
width: 12vw;
}
.gift-an-experience-session { .gift-an-experience-session {
margin-bottom: 2rem; margin-bottom: 2rem;
} }
......
Styling with Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!