fix: adjust welcome dialog size (#8244)

Unleash · Sep 25, 2024 · 957ef12 · 957ef12
1 parent e33f71a
commit 957ef12
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 11 deletions.
diff --git a/frontend/src/component/personalDashboard/ConnectSDK.tsx b/frontend/src/component/personalDashboard/ConnectSDK.tsx
@@ -1,4 +1,4 @@
-import { Button, styled, Typography } from '@mui/material';
+import { Button, styled } from '@mui/material';
 import type { FC } from 'react';
 
 const TitleContainer = styled('div')(({ theme }) => ({
@@ -35,10 +35,10 @@ export const CreateFlag: FC<{ project: string }> = ({ project }) => {
                 <NeutralCircleContainer>1</NeutralCircleContainer>
                 Create a feature flag
             </TitleContainer>
-            <Typography>
-                <div>The project currently holds no feature toggles.</div>
-                <div>Create a feature flag to get started.</div>
-            </Typography>
+            <div>
+                <p>The project currently holds no feature toggles.</p>
+                <p>Create a feature flag to get started.</p>
+            </div>
             <div>
                 <Button href={`projects/${project}`} variant='contained'>
                     Go to project
@@ -56,10 +56,13 @@ export const ConnectSDK: FC<{ project: string }> = ({ project }) => {
                 <NeutralCircleContainer>2</NeutralCircleContainer>
                 Connect an SDK
             </TitleContainer>
-            <Typography>
-                Your project is not yet connected to any SDK. In order to start
-                using your feature flag connect an SDK to the project.
-            </Typography>
+            <div>
+                <p>Your project is not yet connected to any SDK.</p>
+                <p>
+                    In order to start using your feature flag connect an SDK to
+                    the project.
+                </p>
+            </div>
             <div>
                 <Button href={`projects/${project}`} variant='contained'>
                     Go to project

diff --git a/frontend/src/component/personalDashboard/WelcomeDialog.tsx b/frontend/src/component/personalDashboard/WelcomeDialog.tsx
@@ -10,8 +10,8 @@ import { formatAssetPath } from 'utils/formatPath';
 const StyledDialog = styled(Dialog)(({ theme }) => ({
     '& .MuiDialog-paper': {
         borderRadius: theme.shape.borderRadiusLarge,
-        maxWidth: theme.spacing(140),
-        width: '100%',
+        width: '65vw',
+        maxWidth: '1800px',
         backgroundColor: 'transparent',
     },
     padding: 0,