A few polish on tasks (#1023)

A few polishing on tasks
2023-07-31 18:15:08 -07:00
parent 22ca00bb67
commit 8b8e4ac4a5
12 changed files with 141 additions and 65 deletions
--- a/front/src/pages/tasks/Tasks.tsx
+++ b/front/src/pages/tasks/Tasks.tsx
@ -17,6 +17,12 @@ const StyledTasksContainer = styled.div`
  overflow: auto;
 `;

+const StyledTabListContainer = styled.div`
+  align-items: end;
+  display: flex;
+  height: 40px;
+`;
+
 export function Tasks() {
  const theme = useTheme();

@ -41,7 +47,11 @@ export function Tasks() {
      <StyledTasksContainer>
        <RecoilScope SpecificContext={TasksContext}>
          <TopBar
-            leftComponent={<TabList context={TasksContext} tabs={TASK_TABS} />}
+            leftComponent={
+              <StyledTabListContainer>
+                <TabList context={TasksContext} tabs={TASK_TABS} />
+              </StyledTabListContainer>
+            }
          />
          <TaskGroups />
        </RecoilScope>