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 */
|
||||||
.navbar-text {
|
.navbar-text {
|
||||||
color: var(--dark-blue);
|
color: var(--dark-blue);
|
||||||
|
|
|
@ -289,7 +289,7 @@ viewApp app =
|
||||||
app_href =
|
app_href =
|
||||||
Route.toString <| Route.App_String { app = app.slug }
|
Route.toString <| Route.App_String { app = app.slug }
|
||||||
in
|
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" ]
|
[ div [ class "smaller-card" ]
|
||||||
[ img [ class "card-img-top", src icon_url, alt ("icon for " ++ app.name) ] []
|
[ img [ class "card-img-top", src icon_url, alt ("icon for " ++ app.name) ] []
|
||||||
, div [ class "card-body" ]
|
, div [ class "card-body" ]
|
||||||
|
@ -335,11 +335,11 @@ viewApps model =
|
||||||
[ div [ class "row" ]
|
[ div [ class "row" ]
|
||||||
[ div [ class "col-sm-12" ] [
|
[ div [ class "col-sm-12" ] [
|
||||||
div [] [
|
div [] [
|
||||||
form [ class "card-body form-inline" ] [
|
form [ class "search-bar-container" ] [
|
||||||
label [ for "text" ] [ text "Search" ]
|
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 " ]
|
, 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 [ ] [ text "any" ]
|
||||||
, option [ value "1" ] [ text "1 (production)" ]
|
, option [ value "1" ] [ text "1 (production)" ]
|
||||||
, option [ value "2" ] [ text "2 (beta)" ]
|
, option [ value "2" ] [ text "2 (beta)" ]
|
||||||
|
|
Loading…
Reference in New Issue