Commit 9b0caeda by Ravindra Kanojiya

updated home page

1 parent c7d3b7d4
...@@ -365,10 +365,10 @@ header { ...@@ -365,10 +365,10 @@ header {
.header-search { .header-search {
position: relative; position: relative;
} }
.header-search .rbt .rbt-input-main{ .header-search .rbt .rbt-input-main {
padding-right: 2.5rem; padding-right: 2.5rem;
} }
.header-search>.form-control{ .header-search > .form-control {
font-size: 0.833vw; font-size: 0.833vw;
} }
.header-search .search-icon { .header-search .search-icon {
...@@ -415,7 +415,7 @@ header { ...@@ -415,7 +415,7 @@ header {
background: rgba(0, 0, 0, 0.2); /* Black see-through */ background: rgba(0, 0, 0, 0.2); /* Black see-through */
color: #f1f1f1; color: #f1f1f1;
width: 100%; width: 100%;
transition: .5s ease; transition: 0.5s ease;
/* opacity:0; */ /* opacity:0; */
height: 100%; height: 100%;
width: 100%; width: 100%;
...@@ -544,7 +544,7 @@ header { ...@@ -544,7 +544,7 @@ header {
border: 3px solid #fff; border: 3px solid #fff;
background: #2a2a2a; background: #2a2a2a;
} }
.searchbar-h .rbt-menu.dropdown-menu.show{ .searchbar-h .rbt-menu.dropdown-menu.show {
top: 1.7rem !important; top: 1.7rem !important;
} }
.searchbar-h { .searchbar-h {
...@@ -689,7 +689,7 @@ span.form-error, ...@@ -689,7 +689,7 @@ span.form-error,
.form-container .input-group { .form-container .input-group {
margin-bottom: 28px; margin-bottom: 28px;
} }
.form-container .input-group .form-error{ .form-container .input-group .form-error {
margin-top: 0.4rem; margin-top: 0.4rem;
} }
.form-container label { .form-container label {
...@@ -2221,7 +2221,7 @@ footer hr { ...@@ -2221,7 +2221,7 @@ footer hr {
justify-content: space-between; justify-content: space-between;
cursor: pointer; cursor: pointer;
} }
.box-01 .reset a:hover{ .box-01 .reset a:hover {
color: #0070bd; color: #0070bd;
} }
.box-01 .reset a .image-container { .box-01 .reset a .image-container {
...@@ -2333,7 +2333,7 @@ footer hr { ...@@ -2333,7 +2333,7 @@ footer hr {
.time-filter .time input { .time-filter .time input {
width: 100%; width: 100%;
border: 1px solid #D1D1D1; border: 1px solid #d1d1d1;
border-radius: 5px; border-radius: 5px;
padding: 0.4rem; padding: 0.4rem;
/* text-align: center; */ /* text-align: center; */
...@@ -2473,13 +2473,13 @@ footer hr { ...@@ -2473,13 +2473,13 @@ footer hr {
align-items: center; align-items: center;
padding: 0.5rem 0 2rem; padding: 0.5rem 0 2rem;
} }
.product-reviews .review{ .product-reviews .review {
margin-left: 1rem; margin-left: 1rem;
} }
.guest-reviews-detail .star-ratings .star-container{ .guest-reviews-detail .star-ratings .star-container {
padding: 0 0.1rem !important; padding: 0 0.1rem !important;
} }
.guest-reviews-detail .star-ratings{ .guest-reviews-detail .star-ratings {
margin-bottom: 1rem; margin-bottom: 1rem;
} }
.product-info .product-reviews .star { .product-info .product-reviews .star {
...@@ -2583,7 +2583,9 @@ footer hr { ...@@ -2583,7 +2583,9 @@ footer hr {
.btn { .btn {
font-size: 0.833vw; font-size: 0.833vw;
} }
.btn-check:focus+.btn, .btn:focus, button:focus:not(:focus-visible){ .btn-check:focus + .btn,
.btn:focus,
button:focus:not(:focus-visible) {
box-shadow: none; box-shadow: none;
} }
.availability-wrappper { .availability-wrappper {
...@@ -2670,7 +2672,7 @@ footer hr { ...@@ -2670,7 +2672,7 @@ footer hr {
margin-left: 0.5rem; margin-left: 0.5rem;
cursor: pointer; cursor: pointer;
} }
.guest-reviews-detail.modal .head{ .guest-reviews-detail.modal .head {
margin-bottom: 0; margin-bottom: 0;
} }
.guest-reviews-detail { .guest-reviews-detail {
...@@ -2722,13 +2724,13 @@ footer hr { ...@@ -2722,13 +2724,13 @@ footer hr {
height: 3px; height: 3px;
background-size: 90%; background-size: 90%;
} }
.accordion-01 .title-accord{ .accordion-01 .title-accord {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
width: 96%; width: 96%;
} }
.logout-bk{ .logout-bk {
display: none; display: none;
} }
.accordion-01 .accordion-button { .accordion-01 .accordion-button {
...@@ -2751,7 +2753,6 @@ footer hr { ...@@ -2751,7 +2753,6 @@ footer hr {
} }
.accordion-01 .accordion-button:not(.collapsed) { .accordion-01 .accordion-button:not(.collapsed) {
background-color: transparent; background-color: transparent;
box-shadow: none; box-shadow: none;
font-weight: 600; font-weight: 600;
...@@ -2853,7 +2854,8 @@ input[type="number"]::-webkit-outer-spin-button { ...@@ -2853,7 +2854,8 @@ input[type="number"]::-webkit-outer-spin-button {
color: #808080; color: #808080;
background-color: transparent; background-color: transparent;
} }
:where(.css-dev-only-do-not-override-1kuana8).ant-tooltip .ant-tooltip-arrow:before,:where(.css-dev-only-do-not-override-1kuana8).ant-tooltip .ant-tooltip-content { :where(.css-dev-only-do-not-override-1kuana8).ant-tooltip .ant-tooltip-arrow:before,
:where(.css-dev-only-do-not-override-1kuana8).ant-tooltip .ant-tooltip-content {
background: #fff; background: #fff;
} }
:where(.css-dev-only-do-not-override-1kuana8).ant-tooltip .ant-tooltip-arrow::after { :where(.css-dev-only-do-not-override-1kuana8).ant-tooltip .ant-tooltip-arrow::after {
...@@ -2941,7 +2943,7 @@ input[type="number"]::-webkit-outer-spin-button { ...@@ -2941,7 +2943,7 @@ input[type="number"]::-webkit-outer-spin-button {
} }
.let-discover-listing-session { .let-discover-listing-session {
padding: 5rem 0 2rem; padding: 5rem 0 1rem;
} }
.page-title-area { .page-title-area {
...@@ -3576,7 +3578,7 @@ img:hover { ...@@ -3576,7 +3578,7 @@ img:hover {
transition: all 0.6s ease-out; transition: all 0.6s ease-out;
overflow: hidden; overflow: hidden;
} }
.heading03{ .heading03 {
font-size: 32px; font-size: 32px;
line-height: 40px; line-height: 40px;
font-weight: 400; font-weight: 400;
...@@ -3597,7 +3599,7 @@ img:hover { ...@@ -3597,7 +3599,7 @@ img:hover {
flex-direction: column; flex-direction: column;
position: relative; position: relative;
}*/ }*/
.form-container .upload-file-input{ .form-container .upload-file-input {
/* height: 100%; /* height: 100%;
width: 100%; width: 100%;
border: 0; border: 0;
...@@ -3611,7 +3613,7 @@ img:hover { ...@@ -3611,7 +3613,7 @@ img:hover {
::file-selector-button { ::file-selector-button {
display: none; display: none;
} */ } */
.form-container .upload-file .anticon.anticon-plus{ .form-container .upload-file .anticon.anticon-plus {
position: absolute; position: absolute;
} }
.search-icon.btn:hover { .search-icon.btn:hover {
...@@ -3620,14 +3622,14 @@ img:hover { ...@@ -3620,14 +3622,14 @@ img:hover {
border-color: inherit; border-color: inherit;
box-shadow: none; box-shadow: none;
} }
.form-control:focus{ .form-control:focus {
box-shadow: none; box-shadow: none;
border-color: #ced4da; border-color: #ced4da;
} }
:where(.css-dev-only-do-not-override-1kuana8).ant-tooltip{ :where(.css-dev-only-do-not-override-1kuana8).ant-tooltip {
z-index: 10; z-index: 10;
} }
.swiper-nav button{ .swiper-nav button {
margin: 0 !important; margin: 0 !important;
padding: 0 !important; padding: 0 !important;
} }
...@@ -3635,28 +3637,26 @@ img:hover { ...@@ -3635,28 +3637,26 @@ img:hover {
/* .let-discover-carousal{ /* .let-discover-carousal{
background: orange; background: orange;
} */ } */
.page-link{ .page-link {
box-shadow: 0px 2.57px 8.85px 0px #00000026; box-shadow: 0px 2.57px 8.85px 0px #00000026;
} }
.load-more{ .load-more {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: flex-end; justify-content: flex-end;
margin-bottom: 4rem;
} }
.load-more .pagination .page-item{ .load-more .pagination .page-item {
} }
.page-item:not(:first-child) .page-link { .page-item:not(:first-child) .page-link {
margin-left: 10px; margin-left: 10px;
} }
.page-link{ .page-link {
display: block; display: block;
font-size: 16px; font-size: 16px;
border-radius: 5px; border-radius: 5px;
} }
@media (min-width: 992px) { @media (min-width: 992px) {
.navbar-expand-lg .navbar-nav .nav-link { .navbar-expand-lg .navbar-nav .nav-link {
margin: 0 2rem; margin: 0 2rem;
...@@ -3689,7 +3689,6 @@ img:hover { ...@@ -3689,7 +3689,6 @@ img:hover {
width: 21px; width: 21px;
margin-left: 10px; margin-left: 10px;
} }
} }
@media (min-width: 992px) { @media (min-width: 992px) {
...@@ -3732,13 +3731,14 @@ img:hover { ...@@ -3732,13 +3731,14 @@ img:hover {
display: none !important; display: none !important;
} }
} }
@media only screen and (max-width: 1440px) and (min-width: 1279px){ @media only screen and (max-width: 1440px) and (min-width: 1279px) {
.availability-wrappper li { .availability-wrappper li {
width: 31%; width: 31%;
} }
.let-discover-session.let-discover-listing-session .swiper-nav, .home_nav { .let-discover-session.let-discover-listing-session .swiper-nav,
.home_nav {
width: 108%; width: 108%;
} }
} }
@media (max-width: 1023px) { @media (max-width: 1023px) {
.product-info .product-name { .product-info .product-name {
...@@ -3772,14 +3772,14 @@ img:hover { ...@@ -3772,14 +3772,14 @@ img:hover {
} }
@media (max-width: 767px) { @media (max-width: 767px) {
.navbar-toggler{ .navbar-toggler {
border: 0; border: 0;
} }
.navbar-toggler .navbar-toggler-icon{ .navbar-toggler .navbar-toggler-icon {
background: url(/images/icons/close_icon.svg) no-repeat !important; background: url(/images/icons/close_icon.svg) no-repeat !important;
background-size: 100% !important; background-size: 100% !important;
} }
.navbar-toggler.collapsed .navbar-toggler-icon{ .navbar-toggler.collapsed .navbar-toggler-icon {
background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.95' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important; background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.95' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
} }
.top-rated { .top-rated {
...@@ -3789,72 +3789,75 @@ img:hover { ...@@ -3789,72 +3789,75 @@ img:hover {
align-items: center; align-items: center;
justify-content: center; justify-content: center;
line-height: 15px; line-height: 15px;
} }
.discover-swiper-button-prev arrow{ .discover-swiper-button-prev arrow {
left: 0; left: 0;
} }
.navbar-collapse form{ .navbar-collapse form {
margin-right: 0 !important; margin-right: 0 !important;
} }
.header-search { .header-search {
width: 100%; width: 100%;
} }
.navbar-expand-lg .navbar-nav { .navbar-expand-lg .navbar-nav {
padding-bottom: 1rem; padding-bottom: 1rem;
} }
.navbar-expand-lg .navbar-nav .nav-link.gift-card .image-container { .navbar-expand-lg .navbar-nav .nav-link.gift-card .image-container {
width: 18px; width: 18px;
} }
.header_wrap .navbar-expand-lg .navbar-nav .nav-link { .header_wrap .navbar-expand-lg .navbar-nav .nav-link {
padding: 0.2rem 0; padding: 0.2rem 0;
display: flex; display: flex;
align-items: center; align-items: center;
} }
.navbar-collapse { .navbar-collapse {
margin-top: 1rem; margin-top: 1rem;
} }
.copyright { .copyright {
font-size: 14px; font-size: 14px;
} }
.let-discover-session.let-discover-listing-session .swiper-nav, .home_nav { .let-discover-session.let-discover-listing-session .swiper-nav,
.home_nav {
width: 100%; width: 100%;
} }
.swiper-nav, .home_nav { .swiper-nav,
.home_nav {
left: 0; left: 0;
width: 100%; width: 100%;
margin-left: 0; margin-left: 0;
} }
.home-banner .swiper-button-prev, .home-banner .swiper-button-next{ .home-banner .swiper-button-prev,
.home-banner .swiper-button-next {
display: none; display: none;
} }
.product-info .price { .product-info .price {
font-size: 3.883vw; font-size: 3.883vw;
line-height: 3.883vw; line-height: 3.883vw;
margin-bottom: 1rem; margin-bottom: 1rem;
} }
.top-btn { .top-btn {
margin-bottom: 1rem; margin-bottom: 1rem;
margin-top: 1rem; margin-top: 1rem;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
} }
.top-btn button{ .top-btn button {
width: 100%; width: 100%;
} }
.header-search .search-icon .image-container { .header-search .search-icon .image-container {
width: 3.585vw; width: 3.585vw;
} }
.header-search>.form-control { .header-search > .form-control {
font-size: 3vw; font-size: 3vw;
margin-bottom: 1rem; margin-bottom: 1rem;
} }
.btn { .btn {
font-size: 3vw; font-size: 3vw;
} }
.navbar-brand { .navbar-brand {
width: 22.927vw; width: 22.927vw;
} }
.info .top-name .title { .info .top-name .title {
font-size: 4vw; font-size: 4vw;
} }
...@@ -3984,15 +3987,15 @@ img:hover { ...@@ -3984,15 +3987,15 @@ img:hover {
@media (max-width: 767px) { @media (max-width: 767px) {
.container-fluid { .container-fluid {
max-width: 100vw; max-width: 100vw;
} }
.home-banner-bg::before { .home-banner-bg::before {
border-radius: 0 0 1rem 1rem; border-radius: 0 0 1rem 1rem;
} }
.let-discover-carousal a .title { .let-discover-carousal a .title {
padding: 1rem; padding: 1rem;
font-size: 14px; font-size: 14px;
line-height: 16px; line-height: 16px;
} }
footer .subscribe input { footer .subscribe input {
width: 67%; width: 67%;
} }
...@@ -4091,10 +4094,10 @@ img:hover { ...@@ -4091,10 +4094,10 @@ img:hover {
} }
.searchbar-h .rbt-menu.dropdown-menu.show { .searchbar-h .rbt-menu.dropdown-menu.show {
top: 0.8rem !important; top: 0.8rem !important;
} }
.rbt-menu > .dropdown-item { .rbt-menu > .dropdown-item {
font-size: 13px; font-size: 13px;
} }
.searchbar-h .search-icon { .searchbar-h .search-icon {
right: 8px; right: 8px;
top: 12px; top: 12px;
......
Styling with Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!