diff --git a/themes/modern2/assets/css/components/2-layout/responsive.scss b/themes/modern2/assets/css/components/2-layout/responsive.scss index 3035935dc..a68f81306 100755 --- a/themes/modern2/assets/css/components/2-layout/responsive.scss +++ b/themes/modern2/assets/css/components/2-layout/responsive.scss @@ -250,36 +250,36 @@ -ms-transform: translateY(0); -o-transform: translateY(0); } - &Input { - position: relative; - input { - width: calc(100% - 60px); - height: 50px; - padding: 0 40px 0 20px; - display: flex; - align-items: center; - font-size: 14px; - line-height: 1; - font-weight: 500; - color: $text-black; - border-radius: 5px; - border: 1px solid #242424; - } - &__btn { - position: absolute; - right: 15px; - background: none; - 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; - } + } + &Input { + position: relative; + input { + width: calc(100% - 60px); + height: 50px; + padding: 0 40px 0 20px; + display: flex; + align-items: center; + font-size: 14px; + line-height: 1; + font-weight: 500; + color: $text-black; + border-radius: 5px; + border: 1px solid #242424; + } + &__btn { + position: absolute; + right: 15px; + background: none; + 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; } } } diff --git a/themes/modern2/assets/css/main.css b/themes/modern2/assets/css/main.css index 90d350c15..7520cdbe1 100755 --- a/themes/modern2/assets/css/main.css +++ b/themes/modern2/assets/css/main.css @@ -2256,10 +2256,10 @@ li { -ms-transform: translateY(0); -o-transform: translateY(0); } - .searchModalInput { + .searchInput { position: relative; } - .searchModalInput input { + .searchInput input { width: calc(100% - 60px); height: 50px; padding: 0 40px 0 20px; @@ -2272,7 +2272,7 @@ li { border-radius: 5px; border: 1px solid #242424; } - .searchModalInput__btn { + .searchInput__btn { position: absolute; right: 15px; background: none; @@ -2283,7 +2283,7 @@ li { -ms-transform: translateY(-50%); -o-transform: translateY(-50%); } - .searchModalInput__btn svg { + .searchInput__btn svg { width: 24px; height: 24px; fill: #242424;