From 96df5b104bf2b7d32e6d8e66b4ab0efb0716ab1d Mon Sep 17 00:00:00 2001 From: Aish-kul16 Date: Mon, 15 Dec 2025 21:26:46 +0530 Subject: [PATCH] Improve search bar UI with compact capsule design --- css/custom.css | 37 ++++++++++++++++++++++++++++++++++++- 1 file changed, 36 insertions(+), 1 deletion(-) diff --git a/css/custom.css b/css/custom.css index a2e839b..93f3d37 100644 --- a/css/custom.css +++ b/css/custom.css @@ -1 +1,36 @@ -/* Your custom css code goes here */ \ No newline at end of file +/* Your custom css code goes here */ +.probootstrap-search { + display: none; + position: absolute; + right: 0; + top: 50%; + transform: translateY(-50%); +} + +.probootstrap-search.active { + display: block; +} + +.probootstrap-search form { + width: auto !important; +} + +.probootstrap-search input[type="search"] { + width: 780px !important; + height: 46px !important; + + padding: 0 16px !important; + border-radius: 9999px !important; + border: 1px solid #ddd !important; + + font-size: 18px !important; + line-height: 36px !important; + + background: #fff !important; + box-shadow: 0 4px 10px rgba(0,0,0,0.15) !important; +} + +.probootstrap-search input[type="search"]::placeholder { + font-size: 18px !important; +} +