diff options
| author | Oliver <oliver@mohlin.dev> | 2025-04-24 08:53:11 +0200 |
|---|---|---|
| committer | Markus Pettersson <markus.pettersson@mullvad.net> | 2025-04-30 11:04:49 +0200 |
| commit | 5a345ec0342932b2746eb3c931cd157cbd525e7d (patch) | |
| tree | 525d452070ceb006a94c8a0314fb054ee2fbe675 | |
| parent | 6d62f5e027681de40c0f7d35d87c2f60df6f8f4b (diff) | |
| download | mullvadvpn-5a345ec0342932b2746eb3c931cd157cbd525e7d.tar.xz mullvadvpn-5a345ec0342932b2746eb3c931cd157cbd525e7d.zip | |
Rename size prop to width in Button
| -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` |