🪟 🎨 Minor design updates (#16363)

* changes to table views * remove sticky header for now * fix margins on signout card * remove overflow: hidden * Update airbyte-webapp/src/components/Table/Table.tsx Co-authored-by: Edmundo Ruiz Ghanem <168664+edmundito@users.noreply.github.com> Co-authored-by: Edmundo Ruiz Ghanem <168664+edmundito@users.noreply.github.com>
airbytehq · Sep 13, 2022 · faa0640 · faa0640
1 parent 11925f9
commit faa0640
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 2 deletions.
diff --git a/airbyte-webapp/src/components/ContentCard/ContentCard.tsx b/airbyte-webapp/src/components/ContentCard/ContentCard.tsx
@@ -23,7 +23,7 @@ const Title = styled(H5)<{ light?: boolean; roundedBottom?: boolean }>`
 const ContentCard: React.FC<IProps> = (props) => (
   <Card className={props.className} onClick={props.onClick} full={props.full}>
     {props.title ? (
-      <Title light={props.light || !props.children} roundedBottom={!!props.children}>
+      <Title light={props.light} roundedBottom={!!props.children}>
         {props.title}
       </Title>
     ) : null}

diff --git a/airbyte-webapp/src/components/Table/Table.tsx b/airbyte-webapp/src/components/Table/Table.tsx
@@ -43,6 +43,9 @@ const Tr = styled.tr<{
 }>`
   background: ${({ theme, erroredRows }) => (erroredRows ? theme.dangerTransparentColor : theme.whiteColor)};
   cursor: ${({ hasClick }) => (hasClick ? "pointer" : "auto")};
+  &:hover {
+    background-color: ${({ theme }) => `${theme.grey50}`};
+  }
 `;
 
 const Td = styled.td<{
@@ -92,7 +95,7 @@ const Th = styled.th<IThProps>`
   }
 
   &:last-child {
-    padding-left: 45px;
+    padding-left: 15px;
     border-radius: 0 10px 0 0;
   }
 `;

diff --git a/airbyte-webapp/src/packages/cloud/views/users/AccountSettingsView/AccountSettingsView.tsx b/airbyte-webapp/src/packages/cloud/views/users/AccountSettingsView/AccountSettingsView.tsx
@@ -27,6 +27,7 @@ const AccountSettingsView: React.FC = () => {
       <EmailSection />
       {authService.hasPasswordLogin() && <PasswordSection />}
       <SettingsCard
+        light={false}
         title={
           <Header>
             <FormattedMessage id="settings.accountSettings.logoutLabel" />