Browse Source

first iteration of search functionality - likely to fail hard

master
jk 3 years ago
parent
commit
e5e28cf08f
  1. 11
      public/css/jk.css
  2. 2
      resources/views/search/index.blade.php

11
public/css/jk.css

@ -22,14 +22,21 @@
} }
#search-form input[type="search"], #search-form input[type="radio"], #search-form label{
#search-form input[type="text"], #search-form input[type="radio"], #search-form label{
display:inline; display:inline;
} }
#search-form input[type="text"]{
max-width: 150px;
}
#search-form input[type="radio"]{ #search-form input[type="radio"]{
max-width: 15px; max-width: 15px;
} }
#search-form #radios{ #search-form #radios{
border: 1px solid #454d55;
border: 1px solid #ced4da;
border-radius:.25rem;
height: calc(1.6em + .75em + 2px);
line-height:1.6;
padding: 5px; padding: 5px;
} }
#search-form .form-group{ #search-form .form-group{

2
resources/views/search/index.blade.php

@ -10,7 +10,7 @@
<label for="">Hops</label> <label for="">Hops</label>
<input type="radio" id="yeasts" value="yeast" name="table" > <input type="radio" id="yeasts" value="yeast" name="table" >
<label for="">Yeasts</label></span> <label for="">Yeasts</label></span>
<input type="search" class="form-control" name="search" /><button type="submit" class="btn btn-primary">Search</button>
<input type="text" class="form-control" name="search" /><button type="submit" class="btn btn-primary">Search</button>
</div> </div>
</form> </form>
Loading…
Cancel
Save