From 4a19306d3301ea03150055a865349fef4aebbb28 Mon Sep 17 00:00:00 2001 From: Hamid Ahmadi <164649651+idkvarghasbeenbanned@users.noreply.github.com> Date: Tue, 30 Jul 2024 11:33:41 +0330 Subject: [PATCH] A better mobile search bar --- assets/css/default.css | 25 ++++++++++++++++--------- 1 file changed, 16 insertions(+), 9 deletions(-) diff --git a/assets/css/default.css b/assets/css/default.css index 3544c330..2fe75eed 100644 --- a/assets/css/default.css +++ b/assets/css/default.css @@ -354,19 +354,26 @@ input[type="search"]::-webkit-search-cancel-button { } } +.pure-button-primary, .pure-button-secondary{ + margin:0 +} @media screen and (max-width: 767px) { - .navbar { - flex-direction: column; + body{ + width: calc(100vw + 1em); } - - .navbar > div { - display: flex; - justify-content: center; - margin-bottom: 25px; + .navbar{ + height: 70px; + } + .navbar > .searchbar{ + position: absolute; + margin-top: 44px; } - .navbar > .searchbar > form { - width: 75%; + width: calc(100% - 1em); + } + .navbar > .searchbar > input { + margin:0; + background: #e7e7e7; } h1 {