diff options
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'; |