Commit 8538ea59 authored by Darya Rednikina's avatar Darya Rednikina
Browse files

(#4) started styling nav bar for projects page, removed index.css for a while

parent 821f353d
......@@ -5,7 +5,6 @@
<meta charset="utf-8">
<title>My app</title>
<link rel="stylesheet" type="text/css" href="index.css" media="screen" />
<script src="elm.js"></script>
<link rel="stylesheet"
href="https://maxcdn.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css">
......
module Page exposing (Page(..), view)
import Browser exposing (Document)
import Html exposing (Html, a, div, li, nav, text, ul)
import Html.Attributes exposing (class, classList, href)
import Html exposing (Html, a, button, div, form, input, li, nav, text, ul)
import Html.Attributes exposing (class, classList, href, placeholder, style, type_)
import Route exposing (Route)
......@@ -26,12 +26,32 @@ viewHeader page =
div [] []
_ ->
nav [ class "navbar navbar-light" ]
nav [ class "navbar navbar-expand-lg navbar-light bg-light" ]
[ div [ class "container" ]
[ a [ class "navbar-brand", Route.href Route.Projects ]
[ text "conduit" ]
, ul [ class "nav navbar-nav pull-xs-right" ] <|
[ navbarLink page Route.Projects [ text "Projects" ] ]
[ text "SpiderNet" ]
, form [ class "form-inline" ]
[ input
[ class "form-control mr-sm-2"
, type_ "search"
, placeholder "Search"
]
[]
, button
[ class "btn btn-outline-success my-2 my-sm-0" ]
[ text "Search" ]
]
, ul [ class "navbar-nav pull-xs-right" ] <|
[ navbarLink page
Route.Projects
[ text "Projects" ]
, navbarLink page
Route.Login
[ text "Profle" ]
, navbarLink page
Route.Login
[ text "Logout" ]
]
]
]
......
......@@ -140,7 +140,7 @@ view model =
[ div []
[ h1 [ class "text-center" ] [ text "Sign up" ]
, p [ class "text-center" ]
[ a [ Route.href Route.Login ]
[ a [ Route.href Route.Projects ]
[ text "Already have an account?" ]
]
, ul [ class "error-messages" ]
......
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment