Mirrors/tabler
1
0
Fork 0
mirror of https://github.com/tabler/tabler.git synced 2025-12-26 11:16:12 +04:00
Code Issues Projects Releases Wiki Activity

Update layout-combo.html

Browse Source 
In tag style adding media screen, and adding searchbar in unordered list
This commit is contained in:
Muhammad Rayhan Ardhinar
2024-02-23 16:44:39 +07:00
committed by GitHub
parent 682eaa88a8
commit 1fd05dd11b
1 changed files with 16 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
demo/layout-combo.html
View File

@@ -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 @@
</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 @@
// @formatter:on
</script>
</body>
</html>
</html>