diff --git a/twenty-frontend/src/css/_colors.scss b/twenty-frontend/src/css/_colors.scss index 12038d8..c770aa3 100644 --- a/twenty-frontend/src/css/_colors.scss +++ b/twenty-frontend/src/css/_colors.scss @@ -1,3 +1,4 @@ $black: lighten(#000, 20%); $gray1: #f4f0ec; $gray2: lighten($gray1, 5%); +$gray3: #cfcfc4; diff --git a/twenty-frontend/src/css/_tables.scss b/twenty-frontend/src/css/_tables.scss index c6b00e5..09e973f 100644 --- a/twenty-frontend/src/css/_tables.scss +++ b/twenty-frontend/src/css/_tables.scss @@ -11,6 +11,7 @@ border-radius: 2px; border: #cfcfc4 1px solid; border-bottom: none; + justify-content: space-between; } .table.div.tabbed { diff --git a/twenty-frontend/src/css/main.scss b/twenty-frontend/src/css/main.scss index d1d3ef4..e7464d9 100644 --- a/twenty-frontend/src/css/main.scss +++ b/twenty-frontend/src/css/main.scss @@ -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%; diff --git a/twenty-frontend/src/js/components/Issues.tsx b/twenty-frontend/src/js/components/Issues.tsx index 2afb7b6..7c673bf 100644 --- a/twenty-frontend/src/js/components/Issues.tsx +++ b/twenty-frontend/src/js/components/Issues.tsx @@ -22,7 +22,10 @@ export function Issues() { } return (
-
Tasks
+
+ Tasks + New task +