diff options
| -rw-r--r-- | desktop/packages/mullvad-vpn/src/renderer/components/main-view/SelectLocationButton.tsx | 2 | ||||
| -rw-r--r-- | desktop/packages/mullvad-vpn/src/renderer/lib/components/button/Button.tsx | 8 |
2 files changed, 5 insertions, 5 deletions
diff --git a/desktop/packages/mullvad-vpn/src/renderer/components/main-view/SelectLocationButton.tsx b/desktop/packages/mullvad-vpn/src/renderer/components/main-view/SelectLocationButton.tsx index 7581941942..03855e7a05 100644 --- a/desktop/packages/mullvad-vpn/src/renderer/components/main-view/SelectLocationButton.tsx +++ b/desktop/packages/mullvad-vpn/src/renderer/components/main-view/SelectLocationButton.tsx @@ -130,7 +130,7 @@ function ReconnectButton(props: ButtonProps) { return ( <StyledReconnectButton onClick={onReconnect} - size="auto" + width="auto" aria-label={messages.gettext('Reconnect')} {...props}> <Icon icon="reconnect" /> diff --git a/desktop/packages/mullvad-vpn/src/renderer/lib/components/button/Button.tsx b/desktop/packages/mullvad-vpn/src/renderer/lib/components/button/Button.tsx index 0f80c2235a..a1a1bce85c 100644 --- a/desktop/packages/mullvad-vpn/src/renderer/lib/components/button/Button.tsx +++ b/desktop/packages/mullvad-vpn/src/renderer/lib/components/button/Button.tsx @@ -8,7 +8,7 @@ import { ButtonIcon, ButtonText, StyledButtonIcon, StyledButtonText } from './co export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> { variant?: 'primary' | 'success' | 'destructive'; - size?: 'fill' | 'auto'; + width?: 'fill' | 'auto'; } const styles = { @@ -30,7 +30,7 @@ const styles = { disabled: Colors.red60, }, }, - sizes: { + flex: { fill: '1 1 0', auto: '0 0 auto', }, @@ -41,9 +41,9 @@ const styles = { }; const StyledButton = styled(ButtonBase)<ButtonProps>` - ${({ size: sizeProp = 'fill', variant: variantProp = 'primary' }) => { + ${({ width: sizeProp = 'fill', variant: variantProp = 'primary' }) => { const variant = styles.variants[variantProp]; - const size = styles.sizes[sizeProp]; + const size = styles.flex[sizeProp]; const width = styles.widths[sizeProp]; return css` |