updated

Ravindra Kanojiya
Commit 9f6e93ca authored 2024-06-03 17:22:11 +0530 by Ravindra Kanojiya
Showing 5 changed files with 54 additions and 42 deletions
components/detail/SimilarExperiences.js
components/home/BrowseExperiences.js
components/home/ProductItem.js
components/listing/ListingItems.js
styles/globals.css
--- a/components/detail/SimilarExperiences.js
View file @9f6e93c
+++ b/components/detail/SimilarExperiences.js
View file @9f6e93c
@@ -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>

--- a/components/home/BrowseExperiences.js
View file @9f6e93c
+++ b/components/home/BrowseExperiences.js
View file @9f6e93c
@@ -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>

--- a/components/home/ProductItem.js
View file @9f6e93c
+++ b/components/home/ProductItem.js
View file @9f6e93c
@@ -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>

--- a/components/listing/ListingItems.js
View file @9f6e93c
+++ b/components/listing/ListingItems.js
View file @9f6e93c
@@ -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>

--- a/styles/globals.css
View file @9f6e93c
+++ b/styles/globals.css
View file @9f6e93c
@@ -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;
 }
@@ -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;
  }