update app css
This commit is contained in:
parent
325d674114
commit
2e7b2ac37d
@ -7,6 +7,7 @@ import FatalError exposing (FatalError)
|
|||||||
import Head
|
import Head
|
||||||
import Head.Seo as Seo
|
import Head.Seo as Seo
|
||||||
import Html.Styled exposing (..)
|
import Html.Styled exposing (..)
|
||||||
|
import Html.Styled.Attributes exposing (style)
|
||||||
import Json.Decode as Decode exposing (Decoder)
|
import Json.Decode as Decode exposing (Decoder)
|
||||||
import Json.Decode.Extra
|
import Json.Decode.Extra
|
||||||
import Pages.Url
|
import Pages.Url
|
||||||
@ -85,16 +86,24 @@ view app shared =
|
|||||||
, body =
|
, body =
|
||||||
[ Link.link (Link.internal (Route.Index)) []
|
[ Link.link (Link.internal (Route.Index)) []
|
||||||
[ text "Home" ]
|
[ text "Home" ]
|
||||||
, div [] (app.data |> List.map renderBlogItem)
|
, div
|
||||||
|
[ style "margin-top" "10px" ]
|
||||||
|
(app.data |> List.map renderBlogItem)
|
||||||
]
|
]
|
||||||
}
|
}
|
||||||
|
|
||||||
renderBlogItem : (Route, Article.ArticleMetadata) -> Html msg
|
renderBlogItem : (Route, Article.ArticleMetadata) -> Html msg
|
||||||
renderBlogItem (route_, article) =
|
renderBlogItem (route_, article) =
|
||||||
Link.link (Link.internal route_) []
|
Link.link (Link.internal route_) [ style "text-decoration" "none" ]
|
||||||
[ div []
|
[ div
|
||||||
[ div []
|
[ style "display" "flex"
|
||||||
[ text article.title
|
, style "justify-content" "space-between"
|
||||||
]
|
-- , style "margin-left" "50px"
|
||||||
|
-- , style "margin-right" "50px"
|
||||||
|
-- , style "margin" "auto"
|
||||||
|
, style "max-width" "550px"
|
||||||
|
]
|
||||||
|
[ p [] [text article.title]
|
||||||
|
, p [] [text (Date.toIsoString article.published)]
|
||||||
]
|
]
|
||||||
]
|
]
|
||||||
|
Binary file not shown.
Before Width: | Height: | Size: 450 B |
Loading…
Reference in New Issue
Block a user