diff options
| author | Oliver <oliver@mohlin.dev> | 2025-01-21 11:20:24 +0100 |
|---|---|---|
| committer | Markus Pettersson <markus.pettersson@mullvad.net> | 2025-01-22 13:08:18 +0100 |
| commit | 71e5f555f4db4d16e2d75855c9e5bf2d9b5e1a6b (patch) | |
| tree | f201cf737780f939cc261bb521e48e751da3b078 | |
| parent | 7db491384567d0a5f4fee85d2a20cd4ccec961d5 (diff) | |
| download | mullvadvpn-71e5f555f4db4d16e2d75855c9e5bf2d9b5e1a6b.tar.xz mullvadvpn-71e5f555f4db4d16e2d75855c9e5bf2d9b5e1a6b.zip | |
Update spacing between title and content in changelog view
| -rw-r--r-- | desktop/packages/mullvad-vpn/src/renderer/components/views/changelog/ChangelogView.tsx | 49 |
1 files changed, 25 insertions, 24 deletions
diff --git a/desktop/packages/mullvad-vpn/src/renderer/components/views/changelog/ChangelogView.tsx b/desktop/packages/mullvad-vpn/src/renderer/components/views/changelog/ChangelogView.tsx index 682d48feb7..cb7719e53e 100644 --- a/desktop/packages/mullvad-vpn/src/renderer/components/views/changelog/ChangelogView.tsx +++ b/desktop/packages/mullvad-vpn/src/renderer/components/views/changelog/ChangelogView.tsx @@ -10,7 +10,6 @@ import { BackAction } from '../../KeyboardNavigation'; import { Layout, SettingsContainer } from '../../Layout'; import { NavigationContainer } from '../../NavigationContainer'; import { NavigationScrollbars } from '../../NavigationScrollbars'; -import SettingsHeader from '../../SettingsHeader'; const StyledList = styled(Flex)({ listStyleType: 'disc', @@ -33,31 +32,33 @@ export const ChangelogView = () => { <AppNavigationHeader title={messages.pgettext('changelog-view', 'What’s new')} /> <NavigationScrollbars> - <SettingsHeader> - <TitleBig as={'h1'}>{messages.pgettext('changelog-view', 'What’s new')}</TitleBig> - </SettingsHeader> - <Flex $flexDirection="column" $gap={Spacings.spacing3}> + <Flex $flexDirection="column" $gap={Spacings.spacing6}> <Container size="4"> - <TitleLarge as="h2">{version}</TitleLarge> - </Container> - <Container size="3" $flexDirection="column"> - {changelog.length ? ( - <StyledList as="ul" $flexDirection="column" $gap={Spacings.spacing5}> - {changelog.map((item, i) => ( - <BodySmall as="li" key={i} color={Colors.white60}> - {item} - </BodySmall> - ))} - </StyledList> - ) : ( - <BodySmall color={Colors.white60}> - {messages.pgettext( - 'changelog-view', - 'No updates or changes were made in this release for this platform.', - )} - </BodySmall> - )} + <TitleBig as={'h1'}>{messages.pgettext('changelog-view', 'What’s new')}</TitleBig> </Container> + <Flex $flexDirection="column" $gap={Spacings.spacing3}> + <Container size="4"> + <TitleLarge as="h2">{version}</TitleLarge> + </Container> + <Container size="3" $flexDirection="column"> + {changelog.length ? ( + <StyledList as="ul" $flexDirection="column" $gap={Spacings.spacing5}> + {changelog.map((item, i) => ( + <BodySmall as="li" key={i} color={Colors.white60}> + {item} + </BodySmall> + ))} + </StyledList> + ) : ( + <BodySmall color={Colors.white60}> + {messages.pgettext( + 'changelog-view', + 'No updates or changes were made in this release for this platform.', + )} + </BodySmall> + )} + </Container> + </Flex> </Flex> </NavigationScrollbars> </NavigationContainer> |