Moved search button out of the form to avoid adding unnecessary input parameters
Some checks failed
ci/woodpecker/push/woodpecker Pipeline failed

This commit is contained in:
Gregory Ballantine 2024-05-21 10:03:47 -04:00
parent f4850c33ea
commit ce63940635
2 changed files with 19 additions and 17 deletions

View File

@ -89,8 +89,9 @@ input[type="submit"].button-primary{
display: inline-block; display: inline-block;
width: 256px; width: 256px;
} }
}
button{ #search-button{
display: inline-block; display: inline-block;
padding: 0 10px; padding: 0 10px;
background: $primary-color; background: $primary-color;
@ -106,7 +107,6 @@ input[type="submit"].button-primary{
} }
} }
} }
}
#main-content{ #main-content{
margin-top: 25px; margin-top: 25px;

View File

@ -25,11 +25,13 @@
<div class="nav-bar-right"> <div class="nav-bar-right">
<ul> <ul>
<li><form id="search-form" action="/search" method="GET"> <li>
<form id="search-form" action="/search" method="GET">
<input type="text" name="search" placeholder="enter a search query..."> <input type="text" name="search" placeholder="enter a search query...">
</form>
<button type="submit" for="search-form"><i class="fa-solid fa-magnifying-glass"></i></button> <button id="search-button" type="submit" for="search-form"><i class="fa-solid fa-magnifying-glass"></i></button>
</form></li> </li>
</ul> </ul>
</div> </div>
</nav> </nav>