add burger icon to show collapsed navbar when on mobile (#111)
This commit is contained in:
parent
1f8939b3af
commit
3dceb99740
17
src/Main.elm
17
src/Main.elm
|
@ -8,6 +8,7 @@ import Html
|
||||||
exposing
|
exposing
|
||||||
( Html
|
( Html
|
||||||
, a
|
, a
|
||||||
|
, button
|
||||||
, div
|
, div
|
||||||
, footer
|
, footer
|
||||||
, header
|
, header
|
||||||
|
@ -19,11 +20,13 @@ import Html
|
||||||
)
|
)
|
||||||
import Html.Attributes
|
import Html.Attributes
|
||||||
exposing
|
exposing
|
||||||
( class
|
( attribute
|
||||||
|
, class
|
||||||
, classList
|
, classList
|
||||||
, href
|
, href
|
||||||
, id
|
, id
|
||||||
, src
|
, src
|
||||||
|
, type_
|
||||||
)
|
)
|
||||||
import Page.Home
|
import Page.Home
|
||||||
import Page.Options
|
import Page.Options
|
||||||
|
@ -278,7 +281,17 @@ view model =
|
||||||
[ div [ class "navbar navbar-static-top" ]
|
[ div [ class "navbar navbar-static-top" ]
|
||||||
[ div [ class "navbar-inner" ]
|
[ div [ class "navbar-inner" ]
|
||||||
[ div [ class "container" ]
|
[ div [ class "container" ]
|
||||||
[ a [ class "brand", href "https://nixos.org" ]
|
[ button
|
||||||
|
[ type_ "button"
|
||||||
|
, class "btn btn-navbar"
|
||||||
|
, attribute "data-toggle" "collapse"
|
||||||
|
, attribute "data-target" ".nav-collapse"
|
||||||
|
]
|
||||||
|
[ span [ class "icon-bar" ] []
|
||||||
|
, span [ class "icon-bar" ] []
|
||||||
|
, span [ class "icon-bar" ] []
|
||||||
|
]
|
||||||
|
, a [ class "brand", href "https://nixos.org" ]
|
||||||
[ img [ src "https://nixos.org/logo/nix-wiki.png", class "logo" ] []
|
[ img [ src "https://nixos.org/logo/nix-wiki.png", class "logo" ] []
|
||||||
]
|
]
|
||||||
, div [ class "nav-collapse collapse" ]
|
, div [ class "nav-collapse collapse" ]
|
||||||
|
|
Loading…
Reference in a new issue