diff options
| author | Tobias Järvelöv <tobias.jarvelov@mullvad.net> | 2025-04-04 12:18:58 +0200 |
|---|---|---|
| committer | Sebastian Holmin <sebastian.holmin@mullvad.net> | 2025-05-28 13:25:24 +0200 |
| commit | 2f0ce1cf60c70a383ef999aa9f081c8a3d463d4d (patch) | |
| tree | a07a7fc508383595f2e75431047be7f375f4e0a1 | |
| parent | f70a4fa2cadfec12f26fa8d601385f8ed81e7023 (diff) | |
| download | mullvadvpn-2f0ce1cf60c70a383ef999aa9f081c8a3d463d4d.tar.xz mullvadvpn-2f0ce1cf60c70a383ef999aa9f081c8a3d463d4d.zip | |
Update Dot component to use min-* rule for width/height
To ensure proper size when used inside a flex parent.
| -rw-r--r-- | desktop/packages/mullvad-vpn/src/renderer/lib/components/dot/Dot.tsx | 4 |
1 files changed, 2 insertions, 2 deletions
diff --git a/desktop/packages/mullvad-vpn/src/renderer/lib/components/dot/Dot.tsx b/desktop/packages/mullvad-vpn/src/renderer/lib/components/dot/Dot.tsx index 3b1abf87cd..b5fceb055e 100644 --- a/desktop/packages/mullvad-vpn/src/renderer/lib/components/dot/Dot.tsx +++ b/desktop/packages/mullvad-vpn/src/renderer/lib/components/dot/Dot.tsx @@ -8,8 +8,8 @@ export interface DotProps { } const StyledDiv = styled.div<{ $size: string; $color: string }>` - width: ${({ $size }) => $size}; - height: ${({ $size }) => $size}; + min-width: ${({ $size }) => $size}; + min-height: ${({ $size }) => $size}; border-radius: 50%; background-color: ${({ $color }) => $color}; `; |