Update layout-combo.html

In tag style adding media screen, and adding searchbar in unordered list

demo/layout-combo.html

@@ -20,6 +20,11 @@
     <link href="./dist/css/tabler-vendors.min.css?1692870487" rel="stylesheet"/>
     <link href="./dist/css/demo.min.css?1692870487" rel="stylesheet"/>
     <style>
+		@media screen and (min-width: 767px) {
+  			.searchbar {
+    			display: none;
+  			}
+		}
       @import url('https://rsms.me/inter/inter.css');
       :root {
       	--tblr-font-sans-serif: 'Inter Var', -apple-system, BlinkMacSystemFont, San Francisco, Segoe UI, Roboto, Helvetica Neue, sans-serif;
@@ -174,6 +179,16 @@ <h3 class="card-title">Last updates</h3>
           </div>
           <div class="collapse navbar-collapse" id="sidebar-menu">
             <ul class="navbar-nav pt-lg-3">
+					<li class="searchbar">
+						<form action="./" method="get" autocomplete="off" novalidate>
+							<div class="input-icon">
+								<span class="input-icon-addon">
+									<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 10m-7 0a7 7 0 1 0 14 0a7 7 0 1 0 -14 0" /><path d="M21 21l-6 -6" /></svg>
+								</span>
+								<input style="padding-left: 50px; "type="text" value="" class="form-control" placeholder="Search…" aria-label="Search in website"></input>
+							</div>
+						</form>
+					</li>
               <li class="nav-item">
                 <a class="nav-link" href="./" >
                   <span class="nav-link-icon d-md-none d-lg-inline-block"><!-- Download SVG icon from http://tabler-icons.io/i/home -->
@@ -2850,4 +2865,4 @@ <h5 class="modal-title">New report</h5>
       // @formatter:on
     </script>
   </body>
-</html>
+</html>