diff options
| author | Oskar Nyberg <oskar@mullvad.net> | 2022-01-19 14:48:23 +0100 |
|---|---|---|
| committer | Oskar Nyberg <oskar@mullvad.net> | 2022-01-24 09:52:41 +0100 |
| commit | 6e2e91137ca688717cd2efab6f55c92037da0887 (patch) | |
| tree | 31e97ea0d7f1f7c80a9a27fadc0c06f4e0c77eb4 /gui/src/renderer/components/cell | |
| parent | ecf45a3a01084771c7c5fe5d0a8f5b1f80f8f7bb (diff) | |
| download | mullvadvpn-6e2e91137ca688717cd2efab6f55c92037da0887.tar.xz mullvadvpn-6e2e91137ca688717cd2efab6f55c92037da0887.zip | |
Add requirements for UDP and bridge mode
Diffstat (limited to 'gui/src/renderer/components/cell')
| -rw-r--r-- | gui/src/renderer/components/cell/Selector.tsx | 12 |
1 files changed, 8 insertions, 4 deletions
diff --git a/gui/src/renderer/components/cell/Selector.tsx b/gui/src/renderer/components/cell/Selector.tsx index cd308fa3e4..68507b4591 100644 --- a/gui/src/renderer/components/cell/Selector.tsx +++ b/gui/src/renderer/components/cell/Selector.tsx @@ -17,11 +17,12 @@ interface ISelectorProps<T> { onSelect: (value: T) => void; selectedCellRef?: React.Ref<HTMLButtonElement>; className?: string; + hasFooter?: boolean; } -const Section = styled(Cell.Section)({ - marginBottom: 20, -}); +const Section = styled(Cell.Section)((props: { hasFooter: boolean }) => ({ + marginBottom: props.hasFooter ? 0 : '20px', +})); export default class Selector<T> extends React.Component<ISelectorProps<T>> { public render() { @@ -49,7 +50,10 @@ export default class Selector<T> extends React.Component<ISelectorProps<T>> { return ( <AriaInput> - <Section role="listbox" className={this.props.className}> + <Section + role="listbox" + className={this.props.className} + hasFooter={this.props.hasFooter ?? false}> {title} {items} </Section> |