WIP.
This commit is contained in:
parent
47b3b626ec
commit
fb8a92e2e0
|
@ -74,6 +74,31 @@ i.fas, i.fab {
|
|||
}
|
||||
|
||||
|
||||
/* Search bar*/
|
||||
|
||||
.search-bar-container {
|
||||
margin: 2em;
|
||||
display: flex;
|
||||
flex-flow: row wrap;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.search-bar-input, .search-dropdown {
|
||||
margin: 0.5em;
|
||||
height: calc(1.5em + .75rem + 2px);
|
||||
background-color: var(--white);
|
||||
border: 1px solid var(--dark-pink);
|
||||
border-radius: .5rem;
|
||||
}
|
||||
|
||||
.search-bar-input {
|
||||
width: 30rem;
|
||||
}
|
||||
|
||||
.search-dropdown {
|
||||
width: 10rem;
|
||||
}
|
||||
|
||||
/* Navbar */
|
||||
.navbar-text {
|
||||
color: var(--dark-blue);
|
||||
|
|
|
@ -289,7 +289,7 @@ viewApp app =
|
|||
app_href =
|
||||
Route.toString <| Route.App_String { app = app.slug }
|
||||
in
|
||||
div [ class "col-md-4 mb-3 col-sm-12" ]
|
||||
div [ class "col-md-3 mb-3 col-sm-12" ]
|
||||
[ div [ class "smaller-card" ]
|
||||
[ img [ class "card-img-top", src icon_url, alt ("icon for " ++ app.name) ] []
|
||||
, div [ class "card-body" ]
|
||||
|
@ -335,11 +335,11 @@ viewApps model =
|
|||
[ div [ class "row" ]
|
||||
[ div [ class "col-sm-12" ] [
|
||||
div [] [
|
||||
form [ class "card-body form-inline" ] [
|
||||
form [ class "search-bar-container" ] [
|
||||
label [ for "text" ] [ text "Search" ]
|
||||
, input [ class "ml-2 form-control", id "text", onInput FilterText ] []
|
||||
, input [ class "search-bar-input", id "text", onInput FilterText ] []
|
||||
, label [ for "level" ] [ text " and show only items that have at least " ]
|
||||
, select [ class "ml-2 mr-4 form-control", id "level", onInput FilterScore ] [
|
||||
, select [ class "search-dropdown", id "level", onInput FilterScore ] [
|
||||
option [ ] [ text "any" ]
|
||||
, option [ value "1" ] [ text "1 (production)" ]
|
||||
, option [ value "2" ] [ text "2 (beta)" ]
|
||||
|
|
Loading…
Reference in New Issue