diff options
| author | Oskar Nyberg <oskar@mullvad.net> | 2021-08-19 10:33:02 +0200 |
|---|---|---|
| committer | Oskar Nyberg <oskar@mullvad.net> | 2021-08-19 11:10:07 +0200 |
| commit | c5fdf899a223f820bf971b968f384dfe2e45592f (patch) | |
| tree | 9135a58df3b478f9855d22a797784ccdafd896db /gui/src/renderer/components/AdvancedSettings.tsx | |
| parent | 34029e4aae5c0a5adecf9b22b1afc1b1ddd864f2 (diff) | |
| download | mullvadvpn-c5fdf899a223f820bf971b968f384dfe2e45592f.tar.xz mullvadvpn-c5fdf899a223f820bf971b968f384dfe2e45592f.zip | |
Move OpenVPN and Wireguard settings styles from AdvancedSettingsStyles
Diffstat (limited to 'gui/src/renderer/components/AdvancedSettings.tsx')
| -rw-r--r-- | gui/src/renderer/components/AdvancedSettings.tsx | 16 |
1 files changed, 7 insertions, 9 deletions
diff --git a/gui/src/renderer/components/AdvancedSettings.tsx b/gui/src/renderer/components/AdvancedSettings.tsx index df2c824358..4cd2a567d0 100644 --- a/gui/src/renderer/components/AdvancedSettings.tsx +++ b/gui/src/renderer/components/AdvancedSettings.tsx @@ -6,8 +6,6 @@ import { messages } from '../../shared/gettext'; import { IpAddress } from '../lib/ip'; import { WgKeyState } from '../redux/settings/reducers'; import { - StyledButtonCellGroup, - StyledContainer, StyledNavigationScrollbars, StyledNoWireguardKeyError, StyledNoWireguardKeyErrorContainer, @@ -23,7 +21,7 @@ import * as AppButton from './AppButton'; import { AriaDescription, AriaInput, AriaInputGroup, AriaLabel } from './AriaGroup'; import * as Cell from './cell'; import CellList, { ICellListItem } from './cell/List'; -import { Layout } from './Layout'; +import { Layout, SettingsContainer } from './Layout'; import { ModalAlert, ModalAlertType, ModalContainer, ModalMessage } from './Modal'; import { BackBarItem, @@ -80,7 +78,7 @@ export default class AdvancedSettings extends React.Component<IProps, IState> { return ( <ModalContainer> <Layout> - <StyledContainer> + <SettingsContainer> <NavigationContainer> <NavigationBar> <NavigationItems> @@ -159,7 +157,7 @@ export default class AdvancedSettings extends React.Component<IProps, IState> { </AriaInputGroup> {(window.env.platform === 'linux' || window.env.platform === 'win32') && ( - <StyledButtonCellGroup> + <Cell.CellButtonGroup> <Cell.CellButton onClick={this.props.onViewSplitTunneling}> <Cell.Label> {window.env.platform === 'win32' && <StyledBetaLabel />} @@ -167,7 +165,7 @@ export default class AdvancedSettings extends React.Component<IProps, IState> { </Cell.Label> <Cell.Icon height={12} width={7} source="icon-chevron" /> </Cell.CellButton> - </StyledButtonCellGroup> + </Cell.CellButtonGroup> )} <AriaInputGroup> @@ -193,7 +191,7 @@ export default class AdvancedSettings extends React.Component<IProps, IState> { </StyledTunnelProtocolContainer> </AriaInputGroup> - <StyledButtonCellGroup> + <Cell.CellButtonGroup> <Cell.CellButton onClick={this.props.onViewWireguardSettings} disabled={this.props.tunnelProtocol === 'openvpn'}> @@ -211,7 +209,7 @@ export default class AdvancedSettings extends React.Component<IProps, IState> { </Cell.Label> <Cell.Icon height={12} width={7} source="icon-chevron" /> </Cell.CellButton> - </StyledButtonCellGroup> + </Cell.CellButtonGroup> <StyledCustomDnsSwitchContainer disabled={!this.customDnsAvailable()}> <AriaInputGroup> @@ -283,7 +281,7 @@ export default class AdvancedSettings extends React.Component<IProps, IState> { </StyledCustomDnsFooter> </StyledNavigationScrollbars> </NavigationContainer> - </StyledContainer> + </SettingsContainer> </Layout> {this.state.showConfirmBlockWhenDisconnectedAlert && |