1
0
mirror of https://github.com/Unleash/unleash.git synced 2025-06-09 01:17:06 +02:00

fix: adjust welcome dialog size (#8244)

This commit is contained in:
Mateusz Kwasniewski 2024-09-25 09:11:53 +02:00 committed by GitHub
parent e33f71a8f4
commit 957ef12ca3
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 14 additions and 11 deletions

View File

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

View File

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