diff --git a/layouts/main.moon b/layouts/main.moon index a526c66..d0106bc 100644 --- a/layouts/main.moon +++ b/layouts/main.moon @@ -21,5 +21,17 @@ class extends Widget link rel: "stylesheet", href: "/static/main.css" body -> div class: "container", -> - h1(@title or "Simplex") + div class: "row", -> + div class: "column column-25 btns", -> + a class: "button", href: "#", "API Docs" + div class: "column column-100", -> + h1(@title or "Simplex") + div class: "column column-25 btns", -> + if @user + a class: "button", href: @url_for("user_me"), "You" + a class: "button", href: @url_for("user_logout"), "Log Out" + else + a class: "button", href: @url_for("user_login", nil, redirect: @url_for(@route_name)), "Log In" + a class: "button", href: @url_for("user_new", nil, redirect: @url_for(@route_name)), "New User" + @content_for "inner" diff --git a/static/main.css b/static/main.css index fd379ae..97a34c9 100644 --- a/static/main.css +++ b/static/main.css @@ -16,3 +16,12 @@ border-color: red; color: white; } + +.btns { + display: flex !important; + justify-content: flex-end; + align-items: center; +} +.btns > a { + margin: 1rem; +}