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,21 +89,21 @@ input[type="submit"].button-primary{
display: inline-block;
width: 256px;
}
}
button{
display: inline-block;
padding: 0 10px;
background: $primary-color;
border: 1px solid white;
color: white;
font-size: 1.5rem;
font-weight: bold;
transition: all 200ms ease-in-out;
#search-button{
display: inline-block;
padding: 0 10px;
background: $primary-color;
border: 1px solid white;
color: white;
font-size: 1.5rem;
font-weight: bold;
transition: all 200ms ease-in-out;
&:hover{
background: $primary-color-highlight;
color: #eee;
}
&:hover{
background: $primary-color-highlight;
color: #eee;
}
}
}

View File

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