diff options
| author | Markus Pettersson <markus.pettersson@mullvad.net> | 2025-03-26 15:29:15 +0100 |
|---|---|---|
| committer | Markus Pettersson <markus.pettersson@mullvad.net> | 2025-03-26 15:29:15 +0100 |
| commit | 771e2c4f15ff0a4689bfc25dce08a9f6fc0f1f57 (patch) | |
| tree | 8b413c0be3280fd418cc1dd7de3d5e24e0de3c70 | |
| parent | 9e2db7a4fdd8aed9e6aa1ef710b54f7365fe4f7a (diff) | |
| parent | f3629a7596231b9f9252a0b499202f05d184bae1 (diff) | |
| download | mullvadvpn-771e2c4f15ff0a4689bfc25dce08a9f6fc0f1f57.tar.xz mullvadvpn-771e2c4f15ff0a4689bfc25dce08a9f6fc0f1f57.zip | |
Merge branch 'border-list-item'
| -rw-r--r-- | desktop/packages/mullvad-vpn/src/renderer/lib/components/list-item/ListItem.tsx | 10 |
1 files changed, 8 insertions, 2 deletions
diff --git a/desktop/packages/mullvad-vpn/src/renderer/lib/components/list-item/ListItem.tsx b/desktop/packages/mullvad-vpn/src/renderer/lib/components/list-item/ListItem.tsx index f61460d767..7a099fe04d 100644 --- a/desktop/packages/mullvad-vpn/src/renderer/lib/components/list-item/ListItem.tsx +++ b/desktop/packages/mullvad-vpn/src/renderer/lib/components/list-item/ListItem.tsx @@ -1,3 +1,5 @@ +import styled from 'styled-components'; + import { Flex } from '../flex'; import { ListItemContent, @@ -17,12 +19,16 @@ export interface ListItemProps { children: React.ReactNode; } +const StyledFlex = styled(Flex)` + margin-bottom: 1px; +`; + const ListItem = ({ level = 0, disabled, children }: ListItemProps) => { return ( <ListItemProvider level={level} disabled={disabled}> - <Flex $flexDirection="column" $gap="tiny"> + <StyledFlex $flexDirection="column" $gap="tiny"> {children} - </Flex> + </StyledFlex> </ListItemProvider> ); }; |