diff --git a/litmus-portal/frontend/src/components/SideBar/index.tsx b/litmus-portal/frontend/src/components/SideBar/index.tsx index 584ed1a6e..d5d706acd 100644 --- a/litmus-portal/frontend/src/components/SideBar/index.tsx +++ b/litmus-portal/frontend/src/components/SideBar/index.tsx @@ -171,7 +171,7 @@ const SideBar: React.FC = () => { )} -
+
{ diff --git a/litmus-portal/frontend/src/components/SideBar/styles.ts b/litmus-portal/frontend/src/components/SideBar/styles.ts index 7dfcde226..703f9323f 100644 --- a/litmus-portal/frontend/src/components/SideBar/styles.ts +++ b/litmus-portal/frontend/src/components/SideBar/styles.ts @@ -36,10 +36,10 @@ const useStyles = makeStyles((theme: Theme) => ({ }, drawerList: { marginTop: theme.spacing(8.375), - '& #quickActions': { - width: '80%', - border: `1px solid ${theme.palette.border.main}`, - }, + }, + quickActions: { + width: '80%', + border: `1px solid ${theme.palette.border.main}`, }, versionlogo: { width: '1.25rem', diff --git a/litmus-portal/frontend/src/pages/ChaosHub/MyHubConnectDrawer/index.tsx b/litmus-portal/frontend/src/pages/ChaosHub/MyHubConnectDrawer/index.tsx index 2129f6c0e..350d922fb 100644 --- a/litmus-portal/frontend/src/pages/ChaosHub/MyHubConnectDrawer/index.tsx +++ b/litmus-portal/frontend/src/pages/ChaosHub/MyHubConnectDrawer/index.tsx @@ -15,12 +15,14 @@ import BackButton from '../../../components/Button/BackButton'; import GithubInputFields from '../../../components/GitHubComponents/GithubInputFields/GithubInputFields'; import GitHubToggleButton from '../../../components/GitHubComponents/GitHubToggleButtons/GitHubToggleButton'; import Loader from '../../../components/Loader'; +import { constants } from '../../../constants'; import { ADD_MY_HUB, GENERATE_SSH, SAVE_MY_HUB, UPDATE_MY_HUB, } from '../../../graphql/mutations'; +import { GET_HUB_STATUS } from '../../../graphql/queries'; import { CreateMyHub, MyHubData, @@ -28,15 +30,13 @@ import { SSHKey, SSHKeys, } from '../../../models/graphql/user'; +import { HubStatus } from '../../../models/redux/myhub'; import { getProjectID } from '../../../utils/getSearchParams'; import { isValidWebUrl, validateStartEmptySpacing, } from '../../../utils/validate'; import useStyles from './styles'; -import { constants } from '../../../constants'; -import { HubStatus } from '../../../models/redux/myhub'; -import { GET_HUB_STATUS } from '../../../graphql/queries'; interface GitHub { HubName: string; @@ -373,7 +373,6 @@ const MyHubConnectDrawer: React.FC = ({ return ( = ({ } return ( - + ({ workflowGraphs: { - padding: theme.spacing(3.125, 3.75, 3.125, 10), + padding: theme.spacing(4.75, 3.75, 4.75, 10), height: '100%', - marginBottom: theme.spacing(3.125), + filter: `drop-shadow(0px 0.3px 0.9px rgba(0, 0, 0, 0.1)) drop-shadow(0px 1.6px 3.6px rgba(0, 0, 0, 0.13))`, }, graphContainer: { width: '900px', diff --git a/litmus-portal/frontend/src/views/Analytics/WorkflowDashboard/WorkflowGraphs/index.tsx b/litmus-portal/frontend/src/views/Analytics/WorkflowDashboard/WorkflowGraphs/index.tsx index b8cc10b51..6d79dacc4 100644 --- a/litmus-portal/frontend/src/views/Analytics/WorkflowDashboard/WorkflowGraphs/index.tsx +++ b/litmus-portal/frontend/src/views/Analytics/WorkflowDashboard/WorkflowGraphs/index.tsx @@ -70,7 +70,7 @@ const WorkflowGraphs: React.FC = ({ data }) => {
- + ({ radialChartContainer: { width: '22rem', borderRadius: '0.1875rem', - marginBottom: theme.spacing(3.125), + padding: theme.spacing(1.25, 4.125, 1.25, 4.125), + filter: `drop-shadow(0px 0.3px 0.9px rgba(0, 0, 0, 0.1)) drop-shadow(0px 1.6px 3.6px rgba(0, 0, 0, 0.13))`, }, selectText: { height: '2.5rem', diff --git a/litmus-portal/frontend/src/views/Settings/GitOpsTab/styles.ts b/litmus-portal/frontend/src/views/Settings/GitOpsTab/styles.ts index 66997b5b8..94ea228c5 100644 --- a/litmus-portal/frontend/src/views/Settings/GitOpsTab/styles.ts +++ b/litmus-portal/frontend/src/views/Settings/GitOpsTab/styles.ts @@ -24,6 +24,7 @@ const useStyles = makeStyles((theme: Theme) => ({ padding: theme.spacing(3.125), border: `1px solid ${theme.palette.border.main}`, borderRadius: 3, + backgroundColor: theme.palette.background.paper, }, locallyText: { fontSize: '1.25rem', @@ -40,6 +41,7 @@ const useStyles = makeStyles((theme: Theme) => ({ marginTop: theme.spacing(2.5), display: 'flex', borderRadius: 3, + backgroundColor: theme.palette.background.paper, }, infoText: { maxWidth: '25rem', diff --git a/litmus-portal/frontend/src/views/Settings/ImageRegistry/styles.ts b/litmus-portal/frontend/src/views/Settings/ImageRegistry/styles.ts index 116ff0287..476b705a9 100644 --- a/litmus-portal/frontend/src/views/Settings/ImageRegistry/styles.ts +++ b/litmus-portal/frontend/src/views/Settings/ImageRegistry/styles.ts @@ -9,6 +9,7 @@ const useStyles = makeStyles((theme: Theme) => ({ padding: theme.spacing(3.125), border: `1px solid ${theme.palette.border.main}`, borderRadius: 3, + backgroundColor: theme.palette.background.paper, }, radio: { color: theme.palette.primary.main,