From ffab408c7537454869ce38b80eba4764a02048f6 Mon Sep 17 00:00:00 2001 From: = <=> Date: Wed, 2 Jun 2021 16:20:13 +0500 Subject: [PATCH] 123 --- .../css/components/2-layout/responsive.scss | 22 +++++++++++++++++- themes/modern2/assets/css/main.css | 23 ++++++++++++++++++- 2 files changed, 43 insertions(+), 2 deletions(-) diff --git a/themes/modern2/assets/css/components/2-layout/responsive.scss b/themes/modern2/assets/css/components/2-layout/responsive.scss index 1775a9674..b25e8d6ec 100755 --- a/themes/modern2/assets/css/components/2-layout/responsive.scss +++ b/themes/modern2/assets/css/components/2-layout/responsive.scss @@ -240,7 +240,7 @@ width: 100%; height: 100%; &__inner { - padding: 50px; + padding: 25px; } &.active { transform: translateY(0); @@ -261,6 +261,23 @@ line-height: 1; font-weight: 500; color: $text-black; + border-radius: 5px; + border: 1px solid #242424; + } + &__btn { + position: absolute; + right: 15px; + top: 50%; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); + svg { + width: 24px; + height: 24px; + fill: #242424; + } } } } @@ -453,6 +470,9 @@ } } @include sm-md { + .newsSlider__outer { + display: none; + } .swiper-container { .slick-list { padding: 0 0 0 0; diff --git a/themes/modern2/assets/css/main.css b/themes/modern2/assets/css/main.css index 009840133..36fd79627 100755 --- a/themes/modern2/assets/css/main.css +++ b/themes/modern2/assets/css/main.css @@ -2245,7 +2245,7 @@ li { height: 100%; } .searchModal__inner { - padding: 50px; + padding: 25px; } .searchModal.active { transform: translateY(0); @@ -2267,6 +2267,23 @@ li { line-height: 1; font-weight: 500; color: #000; + border-radius: 5px; + border: 1px solid #242424; + } + .searchModalInput__btn { + position: absolute; + right: 15px; + top: 50%; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); + } + .searchModalInput__btn svg { + width: 24px; + height: 24px; + fill: #242424; } .searchLogo { width: 100%; @@ -2452,6 +2469,10 @@ li { } } @media (max-width: 700px) { + .newsSlider__outer { + display: none; + } + .swiper-container .slick-list { padding: 0 0 0 0; }