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 <[email protected]> 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}; +`;
