diff options
| author | Oliver <oliver@mohlin.dev> | 2025-01-14 09:34:05 +0100 |
|---|---|---|
| committer | Markus Pettersson <markus.pettersson@mullvad.net> | 2025-01-22 13:12:43 +0100 |
| commit | 13146f970d2f650d0577ebe23f660ed45ec36520 (patch) | |
| tree | a97978b18ea668ea20b20c72dabf4980a471f181 | |
| parent | 759107aeb529896d3c960ed186191443051f1665 (diff) | |
| download | mullvadvpn-13146f970d2f650d0577ebe23f660ed45ec36520.tar.xz mullvadvpn-13146f970d2f650d0577ebe23f660ed45ec36520.zip | |
Replace Center component with Box
3 files changed, 4 insertions, 17 deletions
diff --git a/desktop/packages/mullvad-vpn/src/renderer/components/cell/CellButton.tsx b/desktop/packages/mullvad-vpn/src/renderer/components/cell/CellButton.tsx index 181b874251..fd5e86d7d1 100644 --- a/desktop/packages/mullvad-vpn/src/renderer/components/cell/CellButton.tsx +++ b/desktop/packages/mullvad-vpn/src/renderer/components/cell/CellButton.tsx @@ -1,7 +1,7 @@ import React, { useContext } from 'react'; import styled from 'styled-components'; -import { Center } from '../../lib/components'; +import { Box } from '../../lib/components'; import { Colors, Spacings } from '../../lib/foundations'; import { IImageViewProps } from '../ImageView'; import { CellDisabledContext } from './Container'; @@ -73,9 +73,9 @@ export function CellNavigationButton({ return ( <CellButton {...props}> {children} - <Center $height="24px" $width="24px"> + <Box $height="24px" $width="24px" center> <Icon {...icon} /> - </Center> + </Box> </CellButton> ); } diff --git a/desktop/packages/mullvad-vpn/src/renderer/lib/components/layout/Center.tsx b/desktop/packages/mullvad-vpn/src/renderer/lib/components/layout/Center.tsx deleted file mode 100644 index 3222bb9719..0000000000 --- a/desktop/packages/mullvad-vpn/src/renderer/lib/components/layout/Center.tsx +++ /dev/null @@ -1,13 +0,0 @@ -import styled from 'styled-components'; - -interface CenterProps { - $width?: string; - $height?: string; -} - -export const Center = styled.div<CenterProps>((props) => ({ - display: 'grid', - placeItems: 'center', - height: props.$height, - width: props.$width, -})); diff --git a/desktop/packages/mullvad-vpn/src/renderer/lib/components/layout/index.ts b/desktop/packages/mullvad-vpn/src/renderer/lib/components/layout/index.ts index 654de0780d..a3f4f59096 100644 --- a/desktop/packages/mullvad-vpn/src/renderer/lib/components/layout/index.ts +++ b/desktop/packages/mullvad-vpn/src/renderer/lib/components/layout/index.ts @@ -1,4 +1,4 @@ -export * from './Center'; +export * from './Box'; export * from './Container'; export * from './Flex'; export * from './Layout'; |