[superset] 01/01: update styles sheets

[hu...@apache.org]

This is an automated email from the ASF dual-hosted git repository.

hugh pushed a commit to branch update-creds-3
in repository https://gitbox.apache.org/repos/asf/superset.git

commit f9478e59e63bd822b434bb07116f218186736c58
Author: hughhhh <hu...@gmail.com>
AuthorDate: Fri May 14 13:14:40 2021 -0400

    update styles sheets
---
 .../CRUD/data/database/DatabaseModal/styles.ts     | 70 ++++++++++++++++++++++
 1 file changed, 70 insertions(+)

diff --git a/superset-frontend/src/views/CRUD/data/database/DatabaseModal/styles.ts b/superset-frontend/src/views/CRUD/data/database/DatabaseModal/styles.ts
index 0d50e38..b6d7428 100644
--- a/superset-frontend/src/views/CRUD/data/database/DatabaseModal/styles.ts
+++ b/superset-frontend/src/views/CRUD/data/database/DatabaseModal/styles.ts
@@ -58,6 +58,7 @@ export const StyledModal = styled(Modal)`
   .ant-modal-body {
     padding-left: 0;
     padding-right: 0;
+    margin-bottom: 110px;
   }
   .ant-tabs-top > .ant-tabs-nav {
     margin-bottom: 0;
@@ -82,6 +83,26 @@ export const StyledModal = styled(Modal)`
   .ant-modal-title > h4 {
     font-weight: bold;
   }
+
+  .ant-alert {
+    color: ${({ theme }) => theme.colors.info.dark2};
+    border: 1px solid ${({ theme }) => theme.colors.info.base};
+    font-size: ${({ theme }) => theme.gridUnit * 3}px;
+    padding: ${({ theme }) => theme.gridUnit * 4}px;
+    margin: ${({ theme }) => theme.gridUnit * 4}px
+      ${({ theme }) => theme.gridUnit * 4}px
+      ${({ theme }) => theme.gridUnit * 30}px;
+  }
+  .ant-alert-with-description {
+    .ant-alert-message,
+    .alert-with-description {
+      color: ${({ theme }) => theme.colors.info.dark2};
+      font-weight: bold;
+    }
+  }
+  .ant-modal-body {
+    padding-top: 0;
+  }
 `;
 
 export const StyledInputContainer = styled.div`
@@ -201,3 +222,52 @@ export const StyledBasicTab = styled(Tabs.TabPane)`
   padding-right: ${({ theme }) => theme.gridUnit * 4}px;
   margin-top: ${({ theme }) => theme.gridUnit * 4}px;
 `;
+
+export const EditHeader = styled.div`
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  padding: ${({ theme }) => theme.gridUnit * 1}px;
+  margin: ${({ theme }) => theme.gridUnit * 4}px
+    ${({ theme }) => theme.gridUnit * 4}px
+    ${({ theme }) => theme.gridUnit * 9}px;
+`;
+
+export const CreateHeader = styled.div`
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  padding: ${({ theme }) => theme.gridUnit * 1}px;
+  margin: ${({ theme }) => theme.gridUnit * 4}px
+    ${({ theme }) => theme.gridUnit * 4}px
+    ${({ theme }) => theme.gridUnit * 9}px;
+`;
+
+export const CreateHeaderTitle = styled.div`
+  color: ${({ theme }) => theme.colors.grayscale.dark1};
+  font-weight: bold;
+  font-size: ${({ theme }) => theme.typography.sizes.l}px;
+  padding: ${({ theme }) => theme.gridUnit * 1}px;
+`;
+
+export const CreateHeaderSubtitle = styled.div`
+  color: ${({ theme }) => theme.colors.grayscale.dark1};
+  font-size: ${({ theme }) => theme.typography.sizes.s}px;
+  padding: ${({ theme }) => theme.gridUnit * 1}px;
+`;
+
+export const EditHeaderTitle = styled.div`
+  color: ${({ theme }) => theme.colors.grayscale.light1};
+  font-size: ${({ theme }) => theme.typography.sizes.s}px;
+  text-transform: uppercase;
+`;
+
+export const EditHeaderSubtitle = styled.div`
+  color: ${({ theme }) => theme.colors.grayscale.dark1};
+  font-size: ${({ theme }) => theme.typography.sizes.xl}px;
+  font-weight: bold;
+`;
+
+export const Divider = styled.hr`
+  border-top: 1px solid ${({ theme }) => theme.colors.grayscale.light1};
+`;