Skip to content

Jay Mehta / zango-frontend

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

updated

1 parent dbf1e7cc
Inline Side-by-side
Showing 5 changed files with 56 additions and 44 deletions
components/detail/SimilarExperiences.js
......@@ -117,7 +117,7 @@ const SimilarExperiences = ({ allActivitiesData }) => {
<div className="title">{data.title}</div>
<div className="rating-wishlist">
<div className="rating">
8.8
<span className="number">8.8</span>
<span className="image-container">
<Image layout="fill" alt="" className="image img-fluid" src="/images/icons/star.svg" />
</span>
......
components/home/BrowseExperiences.js
......@@ -91,7 +91,7 @@ const BrowseExperiences = ({ allActivitiesData }) => {
<div className="title">{data?.attributes?.name}</div>
<div className="rating-wishlist">
<div className="rating">
{data?.attributes?.rating}
<span className="number">{data?.attributes?.rating}</span>
<span className="image-container">
<Image layout="fill" alt="" className="image img-fluid" src="/images/icons/star.svg" />
</span>
......
components/home/ProductItem.js
......@@ -73,7 +73,7 @@ const ProductItem = () => {
<div className="title">{data.title}</div>
<div className="rating-wishlist">
<div className="rating">
8.8
<span className="number">8.8</span>
<span className="image-container">
<Image layout="fill" alt="" className="image img-fluid" src="/images/icons/star.svg" />
</span>
......
components/listing/ListingItems.js
......@@ -61,7 +61,7 @@ const ListingItems = ({ allActivitiesData, loading, gridClass, totalCount }) =>
<div className="title">{data?.attributes?.name}</div>
<div className="rating-wishlist">
<div className="rating">
{data?.attributes?.rating}
<span className="number">{data?.attributes?.rating}</span>
<span className="image-container">
<Image layout="fill" alt="" className="image img-fluid" src="/images/icons/star.svg" />
</span>
......
styles/globals.css
......@@ -619,7 +619,7 @@ p {
/* color: #000;
font-family: "Sofia Pro Light"; */
font-size: 0.781vw;
line-height: 0.981vw;
line-height: 0.981vw;
}
span.form-error,
......@@ -1928,7 +1928,7 @@ span.form-error,
position: relative;
color: #000;
}
.browse-experiences-item .img-wrapper .image-container .image{
.browse-experiences-item .img-wrapper .image-container .image {
height: 220px !important;
background-color: #adadad;
border-radius: 24px 24px 0 0;
......@@ -1958,8 +1958,13 @@ span.form-error,
padding: 0.1rem 0.3rem;
margin-right: 10px;
height: 23px;
display: flex;
align-items: center;
justify-content: center;
}
.info .rating-wishlist .rating .number{
padding-top: 0.2rem;
}
.info .rating-wishlist .wishlist .image-container {
width: 19px;
display: block;
......@@ -1967,13 +1972,15 @@ span.form-error,
.info .rating-wishlist .rating .image-container {
width: 14px;
margin-top: -4px;
/* margin-top: -4px; */
margin-left: 4px;
}
.product-info .wishlist-share > div {
margin-bottom: 1rem;
}
.browse-experiences-item .info .discription {
font-size: 0.677vw;
line-height: 1.1vw;
line-height: 0.8vw;
color: #808080;
margin-bottom: 10px;
}
......@@ -2012,7 +2019,7 @@ span.form-error,
line-height: 11px;
margin-bottom: 10px;
}
.browse-experiences-item .info .detail>div{
.browse-experiences-item .info .detail > div {
margin-bottom: 0.4rem;
}
.btn-outline-secondary {
......@@ -2273,7 +2280,7 @@ footer hr {
margin-bottom: 0.4rem;
}
.form-select{
.form-select {
font-size: 0.833vw;
}
.data-filters-item label input {
......@@ -2834,7 +2841,8 @@ button:focus:not(:focus-visible) {
-ms-overflow-style: none;
scrollbar-width: none;
}
.active>.page-link, .page-link.active{
.active > .page-link,
.page-link.active {
background-color: #0070bd;
border-color: #0070bd;
}
......@@ -3301,7 +3309,7 @@ input[type="number"]::-webkit-outer-spin-button {
.blog-item .info .title {
font-size: 1.042vw;
line-height: 1.542vw;
line-height: 1.542vw;
margin-bottom: 1rem;
overflow: hidden;
text-overflow: ellipsis;
......@@ -3718,7 +3726,7 @@ img:hover {
}
@media (min-width: 992px) {
.navbar-expand-lg .navbar-nav .nav-link.active{
.navbar-expand-lg .navbar-nav .nav-link.active {
color: #000;
font-weight: bold;
}
......@@ -3771,18 +3779,19 @@ img:hover {
}
}
@media (max-width: 1023px) {
.swiper-nav, .home_nav {
.swiper-nav,
.home_nav {
margin-left: -25px;
}
}
p {
font-size: 1.3vw;
line-height: 1.5vw;
}
}
.testimonial-item .name {
font-size: 1.85vw;
line-height: 2vw;
margin-top: 1rem;
}
}
body {
font-size: 1.264vw !important;
}
......@@ -3817,79 +3826,82 @@ img:hover {
}
@media (max-width: 767px) {
.gift-card-amt ul li a, .gift-card-amt ul li label {
.gift-card-amt ul li a,
.gift-card-amt ul li label {
min-width: 40vw;
}
}
.blog-detail-inner-session h2 {
font-size: 4.867vw;
line-height: 6.967vw;
margin-bottom: 1rem;
}
}
.blog-item .top-rated {
font-size: 2.8vw;
}
}
.blog-item .info .read-more .btn {
font-size: 3vw;
line-height: 3vw;
}
}
.blog-item .info .title {
font-size: 1.2rem;
line-height: 1.5rem;
}
}
p {
font-size: 0.9rem;
line-height: 1.5rem;
}
}
.product-info .location {
font-size: 1.3rem;
line-height: 1.5rem;
}
}
.browse-experiences-item .info .discription {
font-size: 0.813rem;
line-height: 1rem;
}
}
.browse-experiences-item .info .price {
font-size: 1rem;
line-height: 1.15rem;
}
}
body {
font-size: 0.875rem !important;
}
.gift-card-amt ul li a, .gift-card-amt ul li label > span {
.gift-card-amt ul li a,
.gift-card-amt ul li label > span {
font-size: 12px;
}
.gift-card-amt ul li a, .gift-card-amt ul li label {
}
.gift-card-amt ul li a,
.gift-card-amt ul li label {
font-size: 16px;
height: 70px;
}
}
.s-page-session {
margin: 3rem 0;
}
}
.accordion-01 .accordion-button {
font-size: 16px;
line-height: 20px;
padding-top: 10px !important;
padding-bottom: 10px !important;
}
}
.faqs-session {
padding: 1rem 0 3rem;
}
}
.availability-wrappper li {
margin: 0.5rem 0.5rem;
font-size: 14px;
}
}
.availability-wrappper {
margin-top: 0rem;
}
}
.image-container.btn-gift {
width: 3vw;
}
}
.box-01 .head {
font-size: 1rem;
line-height: 1.2rem;
padding: 1rem;
}
.sub-categories a{
}
.sub-categories a {
font-size: 12px;
padding: 1rem;
height: 2rem;
......@@ -4081,7 +4093,7 @@ img:hover {
.our-mission .inner .title {
font-size: 20px;
line-height: 20px;
}
}
.page-title-one {
background: url(/images/banner/about-us-m.png) no-repeat;
}
......@@ -4114,11 +4126,11 @@ img:hover {
@media (max-width: 767px) {
.form-select {
font-size: 0.9rem;
}
}
.data-filters-item label {
font-size: 0.8rem;
line-height: 1rem;
}
}
.container-fluid {
max-width: 100vw;
}
......
Styling with Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!