Fix wrong margins for dense design of sub card (#7303)

Do not show in changelog
This commit is contained in:
Clément Pasteau
2025-01-13 13:32:11 +01:00
committed by GitHub
parent 8b36908fd8
commit 713698d3d6
2 changed files with 10 additions and 1 deletions

View File

@@ -55,7 +55,7 @@ export const MaxProjectCountAlertMessage = ({ margin }: Props) => {
}
hideButton={!canMaximumCountBeIncreased}
>
<Line noMargin={margin === 'dense'}>
<Line>
<Column noMargin expand>
<Text
size={margin === 'dense' ? 'sub-title' : 'block-title'}

View File

@@ -9,6 +9,7 @@ import {
fakeStartupAuthenticatedUser,
} from '../../../../fixtures/GDevelopServicesTestData';
import AuthenticatedUserContext from '../../../../Profile/AuthenticatedUserContext';
import FixedWidthFlexContainer from '../../../FixedWidthFlexContainer';
export default {
title: 'HomePage/CreateSection/MaxProjectCountAlertMessage',
@@ -47,3 +48,11 @@ export const DenseMargins = () => (
<MaxProjectCountAlertMessage margin="dense" />
</AuthenticatedUserContext.Provider>
);
export const DenseMarginsOnSmallDialog = () => (
<AuthenticatedUserContext.Provider value={fakeSilverAuthenticatedUser}>
<FixedWidthFlexContainer width={500}>
<MaxProjectCountAlertMessage margin="dense" />
</FixedWidthFlexContainer>
</AuthenticatedUserContext.Provider>
);