cerchez07/elm-0.19-workshop
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Style up /repositories pages

Browse Source
This commit is contained in:
Richard Feldman
2016-09-02 22:25:39 -07:00
parent 6ec25f4f57
commit f5f0f37180
2 changed files with 21 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
part10/Page/Repository.elm
View File

@@ -79,7 +79,7 @@ view model =
|> Maybe.withDefault (text "") |> Maybe.withDefault (text "")
in in
div [] div []
[ h1 [] [ h2 []
[ a [ href repoUrl ] [ text model.repoName ] ] [ a [ href repoUrl ] [ text model.repoName ] ]
, details , details
] ]
@@ -88,8 +88,8 @@ view model =
viewDetails : Repository -> Html Msg viewDetails : Repository -> Html Msg
viewDetails repo = viewDetails repo =
div [] div []
[ p [] [ text repo.description ] [ p [ class "repo-description" ] [ text repo.description ]
, h2 [] , h3 []
[ a [ href repo.owner.profileUrl ] [ a [ href repo.owner.profileUrl ]
[ img [ class "profile-photo", src repo.owner.avatarUrl ] [] [ img [ class "profile-photo", src repo.owner.avatarUrl ] []
, text repo.owner.username , text repo.owner.username

18
part10/style.css
View File

@@ -103,3 +103,21 @@ button:focus, input:focus {
a { a {
cursor: pointer; cursor: pointer;
} }
.repo-description {
font-size: 18px;
}
.profile-photo {
width: 32px;
margin-right: 10px;
}
th {
text-align: left;
}
th, td {
font-size: 18px;
padding-right: 20px;
}