Make navbar more responsive.

This commit is contained in:
Dillon Kearns 2019-09-24 11:40:30 -07:00
parent a6268235d1
commit 8a623eaadb
2 changed files with 13 additions and 1 deletions

View File

@ -259,7 +259,11 @@ header currentPath =
[ Element.link []
{ url = "/"
, label =
Element.row [ Font.size 30, Element.spacing 16 ]
Element.row
[ Font.size 30
, Element.spacing 16
, Element.htmlAttribute (Attr.id "navbar-title")
]
[ DocumentSvg.view
, Element.text "elm-pages"
]

View File

@ -18,3 +18,11 @@
.avatar img {
border-radius: 50%;
}
@media all and (max-width: 600px) {
#navbar-title {
font-size: 20px !important;
}
#navbar-title svg {
width: 20px;
}
}