spacing alignment

sneha-khedekar
Commit 725602b6 authored 2024-07-09 12:05:56 +0530 by sneha-khedekar
Showing 5 changed files with 167 additions and 130 deletions
components/detail/GuestReviews.js
components/layout/Header.js
components/user/MyGiftCard.js
styles/globals.css
yarn.lock
--- a/components/detail/GuestReviews.js
View file @725602b
+++ b/components/detail/GuestReviews.js
View file @725602b
@@ -103,14 +103,14 @@ const GuestReviews = ({ activityById }) => {
                                  rating={data.attributes.rating}
                                  starRatedColor="#FFD600" // Set the rated color to yellow
                                  starHoverColor="#ffe20" // Set the hover color to yellow
-                                  changeRating={() => { }}
+                                  changeRating={() => {}}
                                  numberOfStars={5}
                                  name="rating"
                                  starDimension="20px" // Set star width and height
                                />
                                <div className="review-content">
-                                  "{data.attributes.comments.length > 180 ? `${data.attributes.comments.slice(0, 180)}...` : data.attributes.comments}
-                                  {data.attributes.comments.length > 180 && (
+                                  "{data.attributes?.comments?.length > 180 ? `${data?.attributes?.comments.slice(0, 180)}...` : data?.attributes?.comments}"
+                                  {data?.attributes?.comments?.length > 180 && (
                                    <a
                                      onClick={() => {
                                        setreadMoreText(data);
@@ -128,7 +128,9 @@ const GuestReviews = ({ activityById }) => {
                        );
                      })
                    ) : (
-                      <div className="d-flex justify-content-center"><strong>No reviews available</strong></div>
+                      <div className="d-flex justify-content-center">
+                        <strong>No reviews available</strong>
+                      </div>
                    )}
                  </Swiper>
                </div>

--- a/components/layout/Header.js
View file @725602b
+++ b/components/layout/Header.js
View file @725602b
@@ -50,7 +50,6 @@ const Header = () => {
    if (endUser) dispatch(getWishlists({ endUser: endUser.id }));
  }, [endUser]);

-
  ////
  // const [isGridViewOpen, setIsGridViewOpen] = useState(false);
  const innerBoxRef = useRef(null); // Ref to hold reference to inner-box div
@@ -62,22 +61,17 @@ const Header = () => {
  };

  // Function to handle click outside
-  const handleClickOutside = (event) => {
-    if (
-      logoutBkRef.current &&
-      !logoutBkRef.current.contains(event.target) &&
-      innerBoxRef.current &&
-      !innerBoxRef.current.contains(event.target)
-    ) {
+  const handleClickOutside = event => {
+    if (logoutBkRef.current && !logoutBkRef.current.contains(event.target) && innerBoxRef.current && !innerBoxRef.current.contains(event.target)) {
      setIsGridViewOpen(false); // Close if clicked outside
    }
  };

  // Effect to add click event listener when component mounts
  useEffect(() => {
-    document.addEventListener('mousedown', handleClickOutside);
+    document.addEventListener("mousedown", handleClickOutside);
    return () => {
-      document.removeEventListener('mousedown', handleClickOutside);
+      document.removeEventListener("mousedown", handleClickOutside);
    };
  }, []);

@@ -93,7 +87,7 @@ const Header = () => {
          </Navbar.Brand>
          {loadedUser && loadedUser.id ? (
            <div className="top-btn hide-on-desktop">
-              <div className="logout-bk" >
+              <div className="logout-bk">
                <a onClick={toggleGridViewDropdown} className="user-icon">
                  <span className="image-container user-pic">
                    <Image layout="fill" priority alt="" className="image img-fluid" src="/images/icons/user.svg" />

--- a/components/user/MyGiftCard.js
View file @725602b
+++ b/components/user/MyGiftCard.js
View file @725602b
@@ -18,35 +18,35 @@ const MyGiftCard = () => {

  console.log("endUser", endUser);
  console.log("giftCard", giftCard);
-  const getStatus = (status) => {
+  const getStatus = status => {
    let text;
    let color;
    switch (status) {
-      case 'new':
-        text = 'PENDING';
-        color = 'warning';
+      case "new":
+        text = "PENDING";
+        color = "warning";
        break;
-      case 'fulfilled':
-        text = 'APPROVED';
-        color = 'success';
+      case "fulfilled":
+        text = "APPROVED";
+        color = "success";
        break;
-      case 'rejected':
-        text = 'REJECTED';
-        color = 'error';
+      case "rejected":
+        text = "REJECTED";
+        color = "error";
        break;
      default:
        break;
    }
    return <Tag color={color}>{text.toUpperCase()}</Tag>;
-  }
+  };
  return (
    <Fragment>
-      <div className="container">
+      <div className="container min-height-40 ">
        <div className="row">
          <div className="col-12 col-lg-12 form-container content-wraaper">
            <h2 className="px-2 px-lg-0">My Gift Card</h2>
            <div className="row">
-              {giftCard?.length > 0 ?
+              {giftCard?.length > 0 ? (
                <>
                  {giftCard.map((data, index) => (
                    <div className="col-12 col-lg-4 col-md-6 px-4 px-lg-3" key={`1${index}`}>
@@ -74,20 +74,18 @@ const MyGiftCard = () => {
                              <p className="m-0">${data.attributes.amount}</p>
                            </div>

-                            {data.attributes.status !== null &&
-                              <div>
-                                {getStatus(data?.attributes?.status)}
-                              </div>
-                            }
+                            {data.attributes.status !== null && <div>{getStatus(data?.attributes?.status)}</div>}
                          </div>
                        </div>
                      </div>
                    </div>
-                  ))}</>
-                :
+                  ))}
+                </>
+              ) : (
                <>
                  <p className="mb-5">No Item Found</p>
-                </>}
+                </>
+              )}
            </div>
          </div>
        </div>

--- a/styles/globals.css
View file @725602b
+++ b/styles/globals.css
View file @725602b
@@ -31,7 +31,7 @@ acronym,
 address,
 big,
 cite,
-55 code,
+code,
 del,
 dfn,
 em,
@@ -270,12 +270,12 @@ h6 {
  position: relative;
 }

-.image-container > span {
+.image-container>span {
  position: unset !important;
  /* display: inline-block !important; */
 }

-.image-container.d-inblock > span {
+.image-container.d-inblock>span {
  position: unset !important;
  display: inline-block !important;
 }
@@ -376,7 +376,7 @@ header {
  font-size: 0.833vw;
 }

-.header-search > .form-control {
+.header-search>.form-control {
  font-size: 0.833vw;
 }

@@ -434,16 +434,16 @@ header {
  border-radius: 0 0 8rem 8rem;
 }

-.home-banner-bg > span {
+.home-banner-bg>span {
  height: 100%;
  display: block;
 }

-.home-banner-bg > span > span {
+.home-banner-bg>span>span {
  height: 100% !important;
 }

-.home-banner-bg > span > span .image {
+.home-banner-bg>span>span .image {
  object-fit: cover !important;
  border-radius: 0 0 136px 136px;
 }
@@ -509,7 +509,7 @@ header {
  position: relative;
 }

-.owl-custom01.owl-carousel .owl-nav button.owl-prev > span {
+.owl-custom01.owl-carousel .owl-nav button.owl-prev>span {
  background: url(/images/icons/arrow-left.svg) no-repeat center;
  width: 14px;
  height: 22px;
@@ -517,7 +517,7 @@ header {
  display: block;
 }

-.owl-custom01.owl-carousel .owl-nav button.owl-next > span {
+.owl-custom01.owl-carousel .owl-nav button.owl-next>span {
  background: url(/images/icons/arrow-right.svg) no-repeat center;
  width: 14px;
  height: 22px;
@@ -684,9 +684,11 @@ 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;
@@ -697,6 +699,7 @@ span.form-error,
  top: 35px;
  cursor: pointer;
 }
+
 .form-container .password-field .eye-slash {
  background: url(/images/icons/eye-slash-icon.png) no-repeat 50%;
  display: block;
@@ -707,6 +710,7 @@ span.form-error,
  top: 35px;
  cursor: pointer;
 }
+
 .form-container .input-group .form-error {
  margin-top: 0.4rem;
 }
@@ -868,7 +872,7 @@ span.form-error,
  user-select: none;
 }

-.check-container input:checked ~ .checkmark:after {
+.check-container input:checked~.checkmark:after {
  display: block;
 }

@@ -896,7 +900,7 @@ span.form-error,
  width: 0;
 }

-.check-container input:checked ~ .checkmark {
+.check-container input:checked~.checkmark {
  background-color: #fff;
 }

@@ -1032,7 +1036,7 @@ span.form-error,
  justify-content: center;
 }

-.btn-edit > span:first-child {
+.btn-edit>span:first-child {
  margin-top: 0.2rem;
 }

@@ -1110,7 +1114,7 @@ span.form-error,
  color: #808080;
 }

-.card-booking-content > p:last-child {
+.card-booking-content>p:last-child {
  margin-bottom: 0;
 }

@@ -1153,7 +1157,7 @@ span.form-error,
  color: #808080;
 }

-.card-booking-content .description > span {
+.card-booking-content .description>span {
  color: #646464;
  text-decoration: underline;
 }
@@ -1163,7 +1167,7 @@ span.form-error,
  font-weight: 600;
 }

-.card-booking-content .price > span {
+.card-booking-content .price>span {
  font-size: 0.8rem;
  color: #808080;
 }
@@ -1199,7 +1203,7 @@ span.form-error,
  margin-bottom: 1rem;
 }

-.card-booking-content .details-div > p:first-child {
+.card-booking-content .details-div>p:first-child {
  font-family: "Sofia Pro Light";
  font-size: calc(14px + (14 - 14) * (100vw - 320px) / (1920 - 320));
  line-height: calc(20px + (20 - 20) * (100vw - 320px) / (1920 - 320));
@@ -1209,7 +1213,7 @@ span.form-error,
  margin-bottom: 0;
 }

-.card-booking-content .details-div > p:last-child {
+.card-booking-content .details-div>p:last-child {
  font-family: "Sofia Pro Light";
  font-size: 16px;
  font-size: calc(16px + (16 - 16) * (100vw - 320px) / (1920 - 320));
@@ -1390,7 +1394,7 @@ span.form-error,
  align-items: center;
 }

-.primary-sidebar ul li a > span {
+.primary-sidebar ul li a>span {
  flex: 0 0 auto;
 }

@@ -1443,7 +1447,7 @@ span.form-error,
  align-items: center;
 }

-.sidebar ul li a > span {
+.sidebar ul li a>span {
  flex: 0 0 auto;
 }

@@ -1597,12 +1601,12 @@ span.form-error,
 }

 /* On mouse-over, add a grey background color */
-.radioContainer:hover input ~ .checkmark {
+.radioContainer:hover input~.checkmark {
  background-color: #fff;
 }

 /* When the radio button is checked, add a blue background */
-.radioContainer input:checked ~ .checkmark {
+.radioContainer input:checked~.checkmark {
  color: #0070bd;
 }

@@ -1614,7 +1618,7 @@ span.form-error,
 }

 /* Show the indicator (dot/circle) when checked */
-.radioContainer input:checked ~ .checkmark:after {
+.radioContainer input:checked~.checkmark:after {
  display: block;
 }

@@ -2098,7 +2102,7 @@ span.form-error,
  margin-left: 4px;
 }

-.product-info .wishlist-share > div {
+.product-info .wishlist-share>div {
  margin-bottom: 1rem;
 }

@@ -2145,7 +2149,7 @@ span.form-error,
  margin-bottom: 10px;
 }

-.browse-experiences-item .info .detail > div {
+.browse-experiences-item .info .detail>div {
  margin-bottom: 0.4rem;
 }

@@ -2668,14 +2672,17 @@ footer hr {
  align-items: center;
  justify-content: center;
 }
+
 .product-reviews .rating .image-container {
  width: calc(12px + (13 - 12) * (100vw - 320px) / (1920 - 320));
  /* margin-top: -4px; */
  margin-left: 4px;
 }
+
 .product-reviews .rating .number {
  padding-top: 0.2rem;
 }
+
 .product-info .product-reviews .review {
  margin-right: 10px;
  margin-left: 0;
@@ -2693,7 +2700,7 @@ footer hr {
  line-height: 2.083vw;
 }

-.product-info .price > span {
+.product-info .price>span {
  color: #808080;
  font-size: 14px;
 }
@@ -2704,7 +2711,7 @@ footer hr {
  margin-bottom: 0.5rem;
 }

-.product-info .location > span {
+.product-info .location>span {
  color: #808080;
  font-size: 16px;
 }
@@ -2719,9 +2726,11 @@ footer hr {
 .btn-row {
  padding: 2rem 0;
 }
+
 .product-info .btn-row {
  padding: 1rem 0;
 }
+
 .image-container.btn-gift {
  width: 0.938vw;
  display: inline-block;
@@ -2749,23 +2758,27 @@ footer hr {
  /* max-height: 100%; */
  border-radius: 8px;
 }
+
 .image-gallery-thumbnail .image-gallery-thumbnail-image,
 .image-gallery-slide.image-gallery-center {
  border-radius: 8px;
  overflow: hidden;
 }
+
 .image-gallery-thumbnails {
  padding: 1rem 0;
 }
-.image-gallery-thumbnail + .image-gallery-thumbnail {
+
+.image-gallery-thumbnail+.image-gallery-thumbnail {
  margin-left: 1rem;
  border-radius: 12px;
 }
+
 .image-gallery-content.image-gallery-thumbnails-bottom.fullscreen .image-gallery-thumbnail {
  width: 100px;
 }

-.breadcrumb-item + .breadcrumb-item::before {
+.breadcrumb-item+.breadcrumb-item::before {
  content: "";
  background: url(/images/icons/arrow-right-grey.svg) no-repeat;
  width: 24px;
@@ -2781,7 +2794,7 @@ footer hr {
  font-size: 0.833vw;
 }

-.btn-check:focus + .btn,
+.btn-check:focus+.btn,
 .btn:focus,
 button:focus:not(:focus-visible) {
  box-shadow: none;
@@ -2802,19 +2815,23 @@ 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 {
+
+.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;
@@ -2896,7 +2913,7 @@ button:focus:not(:focus-visible) {
  margin-bottom: 2rem;
 }

-.guest-reviews-session > .container {
+.guest-reviews-session>.container {
  border-top: 1px solid #c9c9c9;
  padding-top: 3rem;
 }
@@ -2945,10 +2962,12 @@ button:focus:not(:focus-visible) {
  /* display: none; */
  color: #000;
 }
+
 header .top-btn {
  display: flex;
  align-items: center;
 }
+
 header .top-btn .user-icon {
  padding: 0;
  margin: 0 0.5rem;
@@ -2956,15 +2975,18 @@ header .top-btn .user-icon {
  align-items: center;
  cursor: pointer;
 }
+
 header .top-btn .user-icon .image-container.user-pic {
  width: 37px;
  display: inline-block;
  margin-right: 0.5rem;
 }
+
 header .top-btn .user-icon .image-container.arrow-d {
  width: 12px;
  display: inline-block;
 }
+
 .top-btn .inner-box {
  box-shadow: 0px 4px 15.9px 0px #00000040;
  background: #fff;
@@ -2978,12 +3000,15 @@ header .top-btn .user-icon .image-container.arrow-d {
  display: none;
  border-radius: 9px;
 }
+
 .top-btn .inner-box.open {
  display: block;
 }
+
 .logout-bk {
  position: relative;
 }
+
 .user-info {
  background: #eaf6ff;
  padding: 1rem;
@@ -2991,21 +3016,25 @@ header .top-btn .user-icon .image-container.arrow-d {
  align-items: center;
  border-radius: 9px 9px 0 0;
 }
+
 .user-info .image-container {
  width: 52px;
  display: inline-block;
  margin-right: 1rem;
 }
+
 .user-info .view-profile a {
  font-size: 11px;
  color: #808080;
  text-decoration: underline !important;
 }
+
 .user-item {
  padding: 1rem;
  background: #fff;
  border-radius: 0 0 9px 9px;
 }
+
 .user-item ul {
  margin: 0;
  padding: 0;
@@ -3019,11 +3048,13 @@ header .top-btn .user-icon .image-container.arrow-d {
  padding: 0.5rem 0;
  cursor: pointer;
 }
+
 .user-item ul li a .image-container {
  margin-right: 0.5rem;
  flex: 0 0 auto;
  width: 20px;
 }
+
 .accordion-01 .accordion-button {
  font-size: 1.042vw;
  line-height: 1.042vw;
@@ -3110,7 +3141,7 @@ header .top-btn .user-icon .image-container.arrow-d {
  scrollbar-width: none;
 }

-.active > .page-link,
+.active>.page-link,
 .page-link.active {
  background-color: #0070bd;
  border-color: #0070bd;
@@ -3246,7 +3277,7 @@ input[type="number"]::-webkit-outer-spin-button {
  background: transparent;
 }

-.swiper-nav button .image-container > span {
+.swiper-nav button .image-container>span {
  width: 14px !important;
 }

@@ -3282,7 +3313,7 @@ input[type="number"]::-webkit-outer-spin-button {
  display: block;
 }

-.page-title-area .banner-bg .image-container > span {
+.page-title-area .banner-bg .image-container>span {
  height: 100% !important;
 }

@@ -3446,7 +3477,7 @@ input[type="number"]::-webkit-outer-spin-button {

 .swiper-pagination-fraction,
 .swiper-pagination-custom,
-.swiper-horizontal > .swiper-pagination-bullets,
+.swiper-horizontal>.swiper-pagination-bullets,
 .swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: -5px !important;
 }
@@ -3562,11 +3593,11 @@ input[type="number"]::-webkit-outer-spin-button {
  display: block;
 }

-.blog-item .img-wrapper .image-container > span {
+.blog-item .img-wrapper .image-container>span {
  height: 100% !important;
 }

-.blog-item .img-wrapper .image-container > span > .image {
+.blog-item .img-wrapper .image-container>span>.image {
  object-fit: cover;
  border-radius: 25px 25px 0 0;
 }
@@ -3790,18 +3821,18 @@ input[type="number"]::-webkit-outer-spin-button {
  justify-content: center;
 }

-.gift-card-amt > ul {
+.gift-card-amt>ul {
  display: grid;
  grid-gap: 20px;
  grid-template-columns: repeat(auto-fill, minmax(calc(33.33% - 15px), 1fr));
 }

 .gift-card-amt ul li a,
-.gift-card-amt ul li label > span {
+.gift-card-amt ul li label>span {
  font-size: 14px;
 }

-.gift-card-amt ul li input[type="radio"]:checked + label {
+.gift-card-amt ul li input[type="radio"]:checked+label {
  background: #0070bd;
  color: #fff;
 }
@@ -3838,7 +3869,7 @@ input[type="number"]::-webkit-outer-spin-button {
  display: inline-block;
 }

-.tooltip-btn:hover + .tooltips {
+.tooltip-btn:hover+.tooltips {
  display: block;
 }

@@ -3862,17 +3893,18 @@ 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;
 }

-.gift-card-rt .form-01 .link-a {
-}
+.gift-card-rt .form-01 .link-a {}

 .gift-card-session .result-box {
  text-align: center;
@@ -4033,8 +4065,7 @@ img:hover {
  margin-top: 1.5rem;
 }

-.load-more .pagination .page-item {
-}
+.load-more .pagination .page-item {}

 .page-item:not(:first-child) .page-link {
  margin-left: 10px;
@@ -4057,69 +4088,85 @@ img:hover {
 .text-trunc-2 {
  display: -webkit-box;
  max-width: 100%;
-  height: 35px; /* this height is tempary while content is getting larger than 2 lines then remove it*/
+  height: 35px;
+  /* this height is tempary while content is getting larger than 2 lines then remove it*/
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
 }
+
 .listing-wrapper .product-info {
  padding-left: 2rem;
 }
+
 .breadcrumb-wrap .ant-breadcrumb ol li.ant-breadcrumb-separator {
  margin: 0 0.8rem;
 }
+
 .breadcrumb-wrap .ant-breadcrumb ol li .ant-breadcrumb-link {
  font-size: calc(14px + (14 - 14) * (100vw - 320px) / (1920 - 320));
 }
+
 .most-read-blogs-session,
 .blogs-session {
  padding-bottom: 3rem;
 }
+
 footer .footer-link ul {
  padding-left: 0;
 }
+
 .let-discover-carousal .title {
  text-align: center;
  padding: 0.5rem 0;
  cursor: pointer;
 }
+
 .contact-numbe .special-label {
  display: none !important;
 }
+
 .modal-01-session .closeIcon {
  position: absolute;
  right: 1.5rem;
  top: 1rem;
  width: 20px;
 }
+
 .modal-01-session .closeIcon .closeIconBtn {
  border: 0;
  background: transparent;
 }
+
 .modal-01-session .closeIcon .closeIconBtn img {
  width: 20px;
 }
+
 .top-btn.hide-on-desktop {
  margin: 0;
  position: absolute;
  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;
 } */
@@ -4128,6 +4175,7 @@ footer .footer-link ul {
  display: block;
  color: #000;
 }
+
 .suitable-age-group .anticon.anticon-down {
  display: none;
 }
@@ -4227,6 +4275,7 @@ footer .footer-link ul {
  .listing-wrapper .product-info {
    padding-left: 0;
  }
+
  .browse-experiences-item .img-wrapper .image-container .image {
    height: 120px !important;
  }
@@ -4318,14 +4367,17 @@ footer .footer-link ul {
    padding-left: 5vw;
    padding-right: 5vw;
  }
+
  .load-more {
    justify-content: center;
  }
+
  .btn-primary,
  .btn-secondary,
  .vendor-signup a {
    padding: 0.6rem 2rem;
  }
+
  .browse-experiences-item .img-wrapper .image-container .image {
    height: 220px !important;
  }
@@ -4358,7 +4410,7 @@ footer .footer-link ul {
    font-size: 4.667vw;
  }

-  .gift-card-amt > ul {
+  .gift-card-amt>ul {
    grid-gap: 10px;
  }

@@ -4434,7 +4486,7 @@ footer .footer-link ul {
  }

  .gift-card-amt ul li a,
-  .gift-card-amt ul li label > span {
+  .gift-card-amt ul li label>span {
    font-size: 12px;
  }

@@ -4580,7 +4632,7 @@ footer .footer-link ul {
    width: 3.585vw;
  }

-  .header-search > .form-control {
+  .header-search>.form-control {
    font-size: 3vw;
    margin-bottom: 1rem;
  }
@@ -4602,7 +4654,7 @@ footer .footer-link ul {
    line-height: 4vw;
  }

-  .home-banner-bg > span > span .image {
+  .home-banner-bg>span>span .image {
    border-radius: 0 0 20px 20px;
  }

@@ -4720,7 +4772,7 @@ footer .footer-link ul {
    top: 40%;
  }

-  .swiper-nav button .image-container > span {
+  .swiper-nav button .image-container>span {
    width: 10px !important;
  }

@@ -4858,7 +4910,7 @@ footer .footer-link ul {
    top: 0.8rem !important;
  }

-  .rbt-menu > .dropdown-item {
+  .rbt-menu>.dropdown-item {
    font-size: 13px;
  }

@@ -4889,3 +4941,8 @@ footer .footer-link ul {
    padding: 0 1rem;
  }
 }
+
+/* min height */
+.min-height-40 {
+  min-height: 40vh;
+}
\ No newline at end of file
--- a/yarn.lock
View file @725602b
+++ b/yarn.lock
View file @725602b
@@ -352,11 +352,6 @@
  resolved "https://registry.npmjs.org/@next/swc-linux-x64-gnu/-/swc-linux-x64-gnu-12.2.5.tgz"
  integrity sha512-0szyAo8jMCClkjNK0hknjhmAngUppoRekW6OAezbEYwHXN/VNtsXbfzgYOqjKWxEx3OoAzrT3jLwAF0HdX2MEw==

-"@next/swc-linux-x64-musl@12.2.5":
-  version "12.2.5"
-  resolved "https://registry.npmjs.org/@next/swc-linux-x64-musl/-/swc-linux-x64-musl-12.2.5.tgz"
-  integrity sha512-zg/Y6oBar1yVnW6Il1I/08/2ukWtOG6s3acdJdEyIdsCzyQi4RLxbbhkD/EGQyhqBvd3QrC6ZXQEXighQUAZ0g==
-
 "@nodelib/fs.scandir@2.1.5":
  version "2.1.5"
  resolved "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz"
@@ -2622,27 +2617,27 @@ glob-parent@~5.1.2:
  dependencies:
    is-glob "^4.0.1"

-glob@^7.1.3, glob@^7.1.4, glob@^7.2.0:
-  version "7.2.3"
-  resolved "https://registry.npmjs.org/glob/-/glob-7.2.3.tgz"
-  integrity sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==
+glob@^7.1.3, glob@^7.1.4, glob@7.1.7:
+  version "7.1.7"
+  resolved "https://registry.npmjs.org/glob/-/glob-7.1.7.tgz"
+  integrity sha512-OvD9ENzPLbegENnYP5UUfJIirTg4+XwMWGaQfQTY0JenxNvvIKP3U3/tAQSPIu/lHxXYSZmpXlUHeqAIdKzBLQ==
  dependencies:
    fs.realpath "^1.0.0"
    inflight "^1.0.4"
    inherits "2"
-    minimatch "^3.1.1"
+    minimatch "^3.0.4"
    once "^1.3.0"
    path-is-absolute "^1.0.0"

-glob@7.1.7:
-  version "7.1.7"
-  resolved "https://registry.npmjs.org/glob/-/glob-7.1.7.tgz"
-  integrity sha512-OvD9ENzPLbegENnYP5UUfJIirTg4+XwMWGaQfQTY0JenxNvvIKP3U3/tAQSPIu/lHxXYSZmpXlUHeqAIdKzBLQ==
+glob@^7.2.0:
+  version "7.2.3"
+  resolved "https://registry.npmjs.org/glob/-/glob-7.2.3.tgz"
+  integrity sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==
  dependencies:
    fs.realpath "^1.0.0"
    inflight "^1.0.4"
    inherits "2"
-    minimatch "^3.0.4"
+    minimatch "^3.1.1"
    once "^1.3.0"
    path-is-absolute "^1.0.0"

@@ -3696,21 +3691,16 @@ move-concurrently@^1.0.1:
    rimraf "^2.5.4"
    run-queue "^1.0.3"

-ms@^2.1.1:
-  version "2.1.3"
-  resolved "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz"
-  integrity sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==
+ms@^2.1.1, ms@2.1.2:
+  version "2.1.2"
+  resolved "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz"
+  integrity sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==

 ms@2.0.0:
  version "2.0.0"
  resolved "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz"
  integrity sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==

-ms@2.1.2:
-  version "2.1.2"
-  resolved "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz"
-  integrity sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==
-
 nanoclone@^0.2.1:
  version "0.2.1"
  resolved "https://registry.npmjs.org/nanoclone/-/nanoclone-0.2.1.tgz"
@@ -4838,16 +4828,7 @@ react-easy-crop@^5.0.7:
    normalize-wheel "^1.0.1"
    tslib "^2.0.1"

-react-event-listener@^0.6.2:
-  version "0.6.6"
-  resolved "https://registry.npmjs.org/react-event-listener/-/react-event-listener-0.6.6.tgz"
-  integrity sha512-+hCNqfy7o9wvO6UgjqFmBzARJS7qrNoda0VqzvOuioEpoEXKutiKuv92dSz6kP7rYLmyHPyYNLesi5t/aH1gfw==
-  dependencies:
-    "@babel/runtime" "^7.2.0"
-    prop-types "^15.6.0"
-    warning "^4.0.1"
-
-react-event-listener@^0.6.6:
+react-event-listener@^0.6.2, react-event-listener@^0.6.6:
  version "0.6.6"
  resolved "https://registry.npmjs.org/react-event-listener/-/react-event-listener-0.6.6.tgz"
  integrity sha512-+hCNqfy7o9wvO6UgjqFmBzARJS7qrNoda0VqzvOuioEpoEXKutiKuv92dSz6kP7rYLmyHPyYNLesi5t/aH1gfw==
@@ -5157,7 +5138,7 @@ react-transition-group@^2.5.3:
    prop-types "^15.6.2"
    react-lifecycles-compat "^3.0.4"

-react-transition-group@^4, react-transition-group@4.3.0:
+react-transition-group@^4, react-transition-group@^4.3.0, react-transition-group@4.3.0:
  version "4.3.0"
  resolved "https://registry.npmjs.org/react-transition-group/-/react-transition-group-4.3.0.tgz"
  integrity sha512-1qRV1ZuVSdxPlPf4O8t7inxUGpdyO5zG9IoNfJxSO0ImU2A1YWkEQvFPuIPZmMLkg5hYs7vv5mMOyfgSkvAwvw==
@@ -5167,7 +5148,7 @@ react-transition-group@^4, react-transition-group@4.3.0:
    loose-envify "^1.4.0"
    prop-types "^15.6.2"

-react-transition-group@^4.3.0, react-transition-group@^4.4.2:
+react-transition-group@^4.4.2:
  version "4.4.5"
  resolved "https://registry.npmjs.org/react-transition-group/-/react-transition-group-4.4.5.tgz"
  integrity sha512-pZcd1MCJoiKiBR2NRxeCRg13uCXbydPnmB4EOeRrY7480qNWO8IIgQG6zlDkm6uRMsURXPuKq0GWtiM59a5Q6g==
@@ -5669,17 +5650,22 @@ source-map-url@^0.4.0:
  resolved "https://registry.npmjs.org/source-map-url/-/source-map-url-0.4.1.tgz"
  integrity sha512-cPiFOTLUKvJFIg4SKVScy4ilPPW6rFgMgfuZJPNoDuMs3nC1HbMUycBoJw77xFIp6z1UJQJOfx6C9GMH80DiTw==

-source-map@^0.5.6:
+source-map@^0.5.6, source-map@^0.5.7:
  version "0.5.7"
  resolved "https://registry.npmjs.org/source-map/-/source-map-0.5.7.tgz"
  integrity sha512-LbrmJOMUSdEVxIKvdcJzQC+nQhe8FUZQTXQy6+I75skNgn3OoQ0DZA8YnFa7gp8tqtL3KPf1kmo0R5DoApeSGQ==

-source-map@^0.5.7:
-  version "0.5.7"
-  resolved "https://registry.npmjs.org/source-map/-/source-map-0.5.7.tgz"
-  integrity sha512-LbrmJOMUSdEVxIKvdcJzQC+nQhe8FUZQTXQy6+I75skNgn3OoQ0DZA8YnFa7gp8tqtL3KPf1kmo0R5DoApeSGQ==
+source-map@^0.6.0:
+  version "0.6.1"
+  resolved "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz"
+  integrity sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==
+
+source-map@^0.6.1:
+  version "0.6.1"
+  resolved "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz"
+  integrity sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==

-source-map@^0.6.0, source-map@^0.6.1, source-map@~0.6.1:
+source-map@~0.6.1:
  version "0.6.1"
  resolved "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz"
  integrity sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==