Skip to content

Jay Mehta / zango-frontend

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

updated ui

1 parent 7db3c4ce
Inline Side-by-side
Showing 14 changed files with 228 additions and 26 deletions
components/cancellation-refund-policy/CancellationRefundPolicy.js 0 → 100644
import React from 'react'
const CancellationRefundPolicy = () => {
return (
<>
<section className='s-page-session'>
<div className='container'>
<div className='row'>
<div className='col-12'>
<h2>Cancellation / Refund Policy</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum </p>
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur</p>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum </p>
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur
</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum </p>
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur</p>
<ul>
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt</li>
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt</li>
<li> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt</li>
<li> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt</li>
<li> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt</li>
<li> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt</li>
</ul>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum </p>
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur</p>
</div>
</div>
</div>
</section>
</>
)
}
export default CancellationRefundPolicy
components/common-components/OtpTimer.js
......@@ -45,7 +45,7 @@ const OtpTimer = ({ initialTime, role, userData }) => {
return (
<div>
<p>Resend OTP in: {formatTime(timeLeft)}</p>
<button className="d-flex resend-otp" onClick={handleResend} disabled={isDisabled}>
<button className="d-flex resend-otp btn btn-primary btn-submit btn btn-primary" onClick={handleResend} disabled={isDisabled}>
Resend OTP
</button>
{/* <div className="d-flex resend-otp">
......
components/detail/DetailSchedule.js
......@@ -62,7 +62,7 @@ const DetailSchedule = ({ activityById }) => {
<span className="image-container">
<Image layout="fill" alt="" className="image img-fluid" src="/images/availability/contact.svg" />
</span>
Contact: {activityById.data.attributes.phoneNumber}
Contact: <a href={`Tel:${activityById.data.attributes.phoneNumber}`}>{activityById.data.attributes.phoneNumber}</a>
</li>
<li>
<span className="image-container">
......
components/detail/GuestReviews.js
......@@ -101,7 +101,7 @@ const GuestReviews = ({ activityById }) => {
<StarRatings
className="col-3 mx-2"
rating={data.attributes.rating}
starRatedColor="#ffe20" // Set the rated color to yellow
starRatedColor="#FFD600" // Set the rated color to yellow
starHoverColor="#ffe20" // Set the hover color to yellow
changeRating={() => { }}
numberOfStars={5}
......@@ -134,7 +134,7 @@ const GuestReviews = ({ activityById }) => {
</div>
</div>
{endUser && (
<div className="row">
<div className="row post-a-review">
<div className="head01">
<div className="title">Post a review:</div>
</div>
......@@ -143,7 +143,7 @@ const GuestReviews = ({ activityById }) => {
<StarRatings
className="col-3 mx-2"
rating={3}
starRatedColor="#000" // Set the rated color to yellow
starRatedColor="#FFD600" // Set the rated color to yellow
starHoverColor="#ffe20" // Set the hover color to yellow
changeRating={handleRatingChange}
numberOfStars={5}
......
components/disclaimer/Disclaimer.js 0 → 100644
import React from 'react'
const Disclaimer = () => {
return (
<>
<section className='s-page-session'>
<div className='container'>
<div className='row'>
<div className='col-12'>
<h2>Disclaimer</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum </p>
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur</p>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum </p>
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur
</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum </p>
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur</p>
<ul>
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt</li>
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt</li>
<li> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt</li>
<li> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt</li>
<li> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt</li>
<li> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt</li>
</ul>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum </p>
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur</p>
</div>
</div>
</div>
</section>
</>
)
}
export default Disclaimer
components/layout/Footer.js
......@@ -37,9 +37,9 @@ const Footer = () => {
<div className="row">
<div className="col-md-9">
<div className="footer-logo">
<span className="image-container">
<a href="/" className="image-container">
<Image layout="fill" className="image img-fluid" alt="" src="/images/Footer-logo.svg" />
</span>
</a>
</div>
<div>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor </div>
</div>
......@@ -88,7 +88,7 @@ const Footer = () => {
<Image layout="fill" alt="" className="image img-fluid" src="/images/icons/location.svg" />
</span>
<div className="text">
<a href="">Lorem ipsum dolor sit amet</a>
<a href="/">Lorem ipsum dolor sit amet</a>
</div>
</div>
<div className="icon-text">
......@@ -104,7 +104,7 @@ const Footer = () => {
<Image layout="fill" alt="" className="image img-fluid" src="/images/icons/phone-call.svg" />
</span>
<div className="text">
<a href="">+91-8798798798</a>
<a href="Tel:+91-8798798798">+91-8798798798</a>
</div>
</div>
</div>
......@@ -123,6 +123,16 @@ const Footer = () => {
Privacy Policy
</Link>
</li>
<li>
<Link prefetch href="/cancellation-refund-policy">
Cancellation / Refund Policy
</Link>
</li>
<li>
<Link prefetch href="/disclaimer">
Disclaimer
</Link>
</li>
{/* <li>
<Link prefetch href="">
Careers
......@@ -159,7 +169,7 @@ const Footer = () => {
</div>
<div className="footer-link">
<h3>JOIN OUR COMMUNITY</h3>
<div>Subscribe to gt information, latest news and other interesting offers</div>
<div>Subscribe to get information, latest news and other interesting offers</div>
<div className="subscribe">
<form onSubmit={handleSubmit}>
<div className="row">
......
components/signup/Signup.js
......@@ -20,6 +20,8 @@ import PhoneInput from "react-phone-input-2";
import OtpTimer from "../common-components/OtpTimer";
import TermsAndConditionModel from "./TermsAndConditionModel";
const Signup = props => {
const [showPassword, setShowPassword] = useState(false);
const [confirmShowPassword, setConfirmShowPassword] = useState(false);
const [isOpenEis, setIsOpenEis] = useState(false);
console.log("props.type", props.type);
const [otp, setOtp] = useState(new Array(4).fill(""));
......@@ -211,15 +213,19 @@ const Signup = props => {
<input type="text" name="email" onChange={handleChange} onBlur={handleBlur} value={values.email} placeholder="yourname@example.com" />
{errors.email && touched.email && <span className="form-error">{errors.email}</span>}
</div>
<div className="input-group">
<div className="input-group password-field">
<label>Password</label>
<input type="password" name="password" onChange={handleChange} onBlur={handleBlur} value={values.password} placeholder="Enter password" />
<input
// type="password"
type={showPassword ? "text" : "password"}
name="password" onChange={handleChange} onBlur={handleBlur} value={values.password} placeholder="Enter password" />
{errors.password && touched.password && <span className="form-error">{errors.password}</span>}
<div onClick={() => setShowPassword(!showPassword)}>{showPassword ? <span className="eye-slash"></span> : <span className="eye"></span>}</div>
</div>
<div className="input-group">
<div className="input-group password-field">
<label>Confirm Password</label>
<input
type="password"
type={confirmShowPassword ? "text" : "password"}
name="confirmPassword"
onChange={handleChange}
onBlur={handleBlur}
......@@ -227,8 +233,11 @@ const Signup = props => {
placeholder="Re-enter password"
/>
{errors.confirmPassword && touched.confirmPassword && <span className="form-error">{errors.confirmPassword}</span>}
<div onClick={() => setConfirmShowPassword(!confirmShowPassword)}>
{confirmShowPassword ? <span className="eye-slash"></span> : <span className="eye"></span>}
</div>
</div>
<div className="input-group">
<div className="input-group ">
<label>Mobile No.</label>
<div className="contact-numbe w-100">
{/* <input name="mobile" onChange={handleChange} onBlur={handleBlur} value={values.mobile} placeholder="" style={{ flex: "0 100%" }} /> */}
......
components/signup/TermsAndConditionModel.js
......@@ -17,7 +17,7 @@ const TermsAndConditionModel = ({ isOpenEis, setIsOpenEis }) => {
<div className="custom-content-inner">
<div className="row text-center aos-init aos-animate" data-aos="fade-up" data-aos-duration="1500">
<div className="col-12">
<h2 className="head01">Terms & Conditions</h2>
<h2 className="">Terms & Conditions</h2>
</div>
</div>
......
components/user/MyWhishList.js
......@@ -12,10 +12,10 @@ const MyWhishList = ({ data }) => {
console.log("checking end user", endUser);
return (
<Fragment>
<div className="container pb-5">
<div className="container pb-5" style={{ minHeight: '30vw' }}>
<div className="row">
<div className="col-12 col-lg-12 form-container content-wraaper">
<h2 className="px-2 px-lg-0">My Bookings</h2>
<h2 className="px-2 px-lg-0">My Wishlist</h2>
{endUser === null || endUser === undefined || endUser === "" ? (
<h1>You need to login first!</h1>
) : (
......@@ -50,7 +50,7 @@ const MyWhishList = ({ data }) => {
<p className="text-trunc-2">{data?.attributes?.experience?.data?.attributes?.description}</p>
</div>
<div className="price">
${data?.attributes?.experience?.data?.attributes?.pricePerPerson}
${data?.attributes?.experience?.data?.attributes?.pricePerPerson}
{/* <span className="off">{}% OFF</span> */}
</div>
<div className="detail">
......
pages/cancellation-refund-policy.js 0 → 100644
import CancellationRefundPolicy from "../components/cancellation-refund-policy/CancellationRefundPolicy";
import Layout from "../components/layout/Layout";
import { wrapper } from "../redux/store";
export default function CancellationRefundPolicyPage() {
return (
<Layout>
<CancellationRefundPolicy />
</Layout>
);
}
/** For server side rendering */
export const getServerSideProps = wrapper.getServerSideProps(store => async ({ req, query }) => {
// Get the menu data.
// get the locations data.
// await store.dispatch(loadUser())
return {
props: {},
};
});
pages/disclaimer.js 0 → 100644
import CancellationRefundPolicy from "../components/cancellation-refund-policy/CancellationRefundPolicy";
import Disclaimer from "../components/disclaimer/Disclaimer";
import Layout from "../components/layout/Layout";
import { wrapper } from "../redux/store";
export default function DisclaimerPage() {
return (
<Layout>
<Disclaimer />
</Layout>
);
}
/** For server side rendering */
export const getServerSideProps = wrapper.getServerSideProps(store => async ({ req, query }) => {
// Get the menu data.
// get the locations data.
// await store.dispatch(loadUser())
return {
props: {},
};
});
styles/globals.css
......@@ -651,7 +651,7 @@ span.form-error,
background-position: center;
background-size: cover;
position: relative;
height: 95vh;
height: 100vh;
background-image: url("../public/images/login/banner-image.jpg");
}
......@@ -683,7 +683,29 @@ span.form-error,
.form-container .input-group {
margin-bottom: 28px;
}
.form-container .password-field {
position: relative;
}
.form-container .password-field .eye {
background: url(/images/icons/eye-icon.png) no-repeat 50%;
display: block;
width: 24px;
height: 24px;
position: absolute;
right: 18px;
top: 35px;
cursor: pointer;
}
.form-container .password-field .eye-slash {
background: url(/images/icons/eye-slash-icon.png) no-repeat 50%;
display: block;
width: 24px;
height: 24px;
position: absolute;
right: 18px;
top: 35px;
cursor: pointer;
}
.form-container .input-group .form-error {
margin-top: 0.4rem;
}
......@@ -895,7 +917,7 @@ span.form-error,
.otp-input input {
width: 45px !important;
height: 45px !important;
margin: 0px 15px 5px 10px;
margin: 0px 10px 5px 10px;
border-radius: 10px !important;
border: 0.814px solid #000 !important;
background: #fff !important;
......@@ -2777,14 +2799,19 @@ button:focus:not(:focus-visible) {
align-items: center;
margin: 0.5rem 1rem 0.5rem 0.5rem;
}
.availability-wrappper li a {
color: #000;
}
.availability-wrappper li > span {
width: 30px;
display: block;
margin-right: 10px;
flex: 0 0 auto;
}
.post-a-review .star-container {
padding-right: 0 !important;
padding-left: 3px !important;
}
.availability-wrappper li .info {
width: 12px;
height: 12px;
......@@ -3778,7 +3805,7 @@ input[type="number"]::-webkit-outer-spin-button {
.gift-card-amt ul li a,
.gift-card-amt ul li label {
padding: 1.5rem 2rem;
padding: 1.5rem 0.5rem;
}
.tooltip-wrapper {
......@@ -3832,7 +3859,10 @@ input[type="number"]::-webkit-outer-spin-button {
.gift-card-amt {
margin: 1rem 0;
}
.gift-card-amt ul {
margin: 0;
padding: 0;
}
.gift-card-rt .form-01 .form-control {
border: 1px solid #000;
border-radius: 9px;
......@@ -4072,6 +4102,24 @@ footer .footer-link ul {
right: 20vw;
top: 13px;
}
.image-gallery-thumbnail.active,
.image-gallery-thumbnail:focus,
.image-gallery-thumbnail:hover {
border-radius: 12px;
}
.product-gallery-item .image-gallery-content.fullscreen {
background: #000;
margin: 2rem 0;
}
.product-gallery-item .image-gallery-content.image-gallery-content.image-gallery-thumbnails-bottom.fullscreen {
position: relative;
line-height: 0;
top: -50px;
/* margin-top: 2rem; */
}
/* .image-gallery-content .image-gallery-slide .image-gallery-image {
margin-top: 2rem;
} */
@media (min-width: 992px) {
.navbar-expand-lg .navbar-nav .nav-link {
margin: 0 2rem;
......
Styling with Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!