webskel/dolphins7.skeleton
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

frontend: add header

Browse source
This commit is contained in:
0x1eef 2023-12-22 19:38:06 -03:00
parent 34b296694b
commit adae48504f
5 changed files with 19 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
twenty-frontend/src/css/_colors.scss
View file

@ -1,3 +1,4 @@
$black: lighten(#000, 20%);
$gray1: #f4f0ec;
$gray2: lighten($gray1, 5%);
$gray3: #cfcfc4;

1
twenty-frontend/src/css/_tables.scss
View file

@ -11,6 +11,7 @@
border-radius: 2px;
border: #cfcfc4 1px solid;
border-bottom: none;
justify-content: space-between;
}
.table.div.tabbed {

9
twenty-frontend/src/css/main.scss
View file

@ -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%;

5
twenty-frontend/src/js/components/Issues.tsx
View file

@ -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) => {

5
twenty-frontend/src/layouts/default.html
View file

@ -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>