diff --git a/app/client/src/pages/Editor/gitSync/RepoLimitExceededErrorModal.tsx b/app/client/src/pages/Editor/gitSync/RepoLimitExceededErrorModal.tsx index 02ae48961f..d118b46cc9 100644 --- a/app/client/src/pages/Editor/gitSync/RepoLimitExceededErrorModal.tsx +++ b/app/client/src/pages/Editor/gitSync/RepoLimitExceededErrorModal.tsx @@ -12,7 +12,6 @@ import { } from "actions/gitSyncActions"; import Button, { Category, Size } from "components/ads/Button"; import styled, { useTheme } from "styled-components"; -import { MENU_HEIGHT } from "./constants"; import Text, { TextType } from "components/ads/Text"; import { Colors } from "constants/Colors"; import { @@ -55,7 +54,7 @@ const Container = styled.div` const BodyContainer = styled.div` display: flex; flex-direction: column; - height: calc(100% - ${MENU_HEIGHT}px); + height: 100%; `; const CloseBtnContainer = styled.div` @@ -69,7 +68,7 @@ const ButtonContainer = styled.div` `; const ApplicationWrapper = styled.div` - margin-top: ${(props) => props.theme.spaces[7]}px; + margin-bottom: ${(props) => props.theme.spaces[7]}px; display: flex; justify-content: space-between; `; @@ -78,10 +77,24 @@ const TextWrapper = styled.div` display: block; `; -const StyledDialog = styled(Dialog)` - && .bp3-dialog-body { - margin-top: 0; +const AppListContainer = styled.div` + height: calc(100% - 40px); + margin-top: 16px; + overflow-y: auto; + overflow-x: hidden; + scrollbar-width: none; + padding-right: 5px; + + &::-webkit-scrollbar-thumb { + background-color: rgba(75, 72, 72, 0.5); + width: 4px; + border-radius: ${(props) => props.theme.radii[3]}px; } + + &::-webkit-scrollbar { + width: 4px; + } + position: relative; `; function RepoLimitExceededErrorModal() { @@ -149,12 +162,13 @@ function RepoLimitExceededErrorModal() { }; return ( - @@ -239,38 +253,40 @@ function RepoLimitExceededErrorModal() { /> - {applications.map((application: ApplicationPayload) => { - const { gitApplicationMetadata } = application; - return ( - -
- - - {application.name} - - - - - {gitApplicationMetadata?.remoteUrl} - - -
- - openDisconnectGitModal(application.id, application.name) - } - text={createMessage(REVOKE_ACCESS)} - /> -
- ); - })} + + {applications.map((application: ApplicationPayload) => { + const { gitApplicationMetadata } = application; + return ( + +
+ + + {application.name} + + + + + {gitApplicationMetadata?.remoteUrl} + + +
+ + openDisconnectGitModal(application.id, application.name) + } + text={createMessage(REVOKE_ACCESS)} + /> +
+ ); + })} +
-
+ ); }