frontend: add header
This commit is contained in:
parent
34b296694b
commit
adae48504f
5 changed files with 19 additions and 2 deletions
|
@ -1,3 +1,4 @@
|
|||
$black: lighten(#000, 20%);
|
||||
$gray1: #f4f0ec;
|
||||
$gray2: lighten($gray1, 5%);
|
||||
$gray3: #cfcfc4;
|
||||
|
|
|
@ -11,6 +11,7 @@
|
|||
border-radius: 2px;
|
||||
border: #cfcfc4 1px solid;
|
||||
border-bottom: none;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.table.div.tabbed {
|
||||
|
|
|
@ -17,7 +17,14 @@ body {
|
|||
font-family: "Noto Sans Serif";
|
||||
}
|
||||
|
||||
.root {
|
||||
body header {
|
||||
width: 100%;
|
||||
background: $gray1;
|
||||
min-height: 40px;
|
||||
border-bottom: 1px solid $gray3;
|
||||
}
|
||||
|
||||
.maxw, .root {
|
||||
margin: 0 auto;
|
||||
color: $black;
|
||||
width: 75%;
|
||||
|
|
|
@ -22,7 +22,10 @@ export function Issues() {
|
|||
}
|
||||
return (
|
||||
<div className="table">
|
||||
<div className="table div">Tasks</div>
|
||||
<div className="table div">
|
||||
<span>Tasks</span>
|
||||
<a href="/issues/new">New task</a>
|
||||
</div>
|
||||
<div className="table content">
|
||||
<ul className="items">
|
||||
{issues.map((issue: Issue, key: number) => {
|
||||
|
|
|
@ -6,6 +6,11 @@
|
|||
<link rel="stylesheet" href="/css/main.css">
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
<div class="maxw">
|
||||
<strong>twenty</strong>
|
||||
</div>
|
||||
</header>
|
||||
<%= yield %>
|
||||
</body>
|
||||
</html>
|
||||
|
|
Loading…
Reference in a new issue