diff options
| author | Oskar Nyberg <oskar@mullvad.net> | 2024-04-11 18:11:33 +0200 |
|---|---|---|
| committer | Oskar Nyberg <oskar@mullvad.net> | 2024-04-11 18:11:33 +0200 |
| commit | 9aaebecc3c6d1838722a66875b5a330ca7967020 (patch) | |
| tree | c877bcc16c9eb3e325aecdd5f2861b9e6f5824a5 /gui/src/renderer/components/SmallButton.tsx | |
| parent | d2e198cd8ce15225d4329cbb61f4561e293ea239 (diff) | |
| parent | 36322705705857c549fa90616884bc64740cbbef (diff) | |
| download | mullvadvpn-9aaebecc3c6d1838722a66875b5a330ca7967020.tar.xz mullvadvpn-9aaebecc3c6d1838722a66875b5a330ca7967020.zip | |
Merge branch 'add-custom-bridge-to-gui-des-431'
Diffstat (limited to 'gui/src/renderer/components/SmallButton.tsx')
| -rw-r--r-- | gui/src/renderer/components/SmallButton.tsx | 11 |
1 files changed, 11 insertions, 0 deletions
diff --git a/gui/src/renderer/components/SmallButton.tsx b/gui/src/renderer/components/SmallButton.tsx index 181a557fd2..ba82f15cd4 100644 --- a/gui/src/renderer/components/SmallButton.tsx +++ b/gui/src/renderer/components/SmallButton.tsx @@ -37,6 +37,11 @@ const StyledSmallButton = styled.button<{ $color?: SmallButtonColor; disabled?: borderRadius: '4px', marginLeft: '12px', + [`${SmallButtonGroupStart} &&`]: { + marginLeft: 0, + marginRight: '12px', + }, + [`${StyledSmallButtonGrid} &&`]: { marginLeft: 0, }, @@ -67,6 +72,12 @@ export const SmallButtonGroup = styled.div<{ $noMarginTop?: boolean }>((props) = marginTop: props.$noMarginTop ? 0 : '30px', })); +export const SmallButtonGroupStart = styled(SmallButtonGroup)({ + flex: 1, + justifyContent: 'start', + margin: 0, +}); + const StyledSmallButtonGrid = styled.div<{ $columns: number }>((props) => ({ display: 'grid', gridTemplateColumns: `repeat(${props.$columns}, 1fr)`, |