From cc2316e58b38ec30bfbc5b144a7eb2b57cabf6aa Mon Sep 17 00:00:00 2001 From: Jake Laderman Date: Tue, 18 Jun 2024 13:56:14 -0400 Subject: [PATCH] fix: minor border radius issues (#611) --- src/components/Select.tsx | 1 + src/theme.tsx | 8 ++++---- 2 files changed, 5 insertions(+), 4 deletions(-) diff --git a/src/components/Select.tsx b/src/components/Select.tsx index da77288e..d0a21e44 100644 --- a/src/components/Select.tsx +++ b/src/components/Select.tsx @@ -160,6 +160,7 @@ const SelectButtonInner = styled.div<{ color: theme.colors['text-light'], border: theme.borders.input, borderRadius: theme.borderRadiuses.medium, + overflow: 'hidden', '.content': { alignItems: 'center', display: 'flex', diff --git a/src/theme.tsx b/src/theme.tsx index 2f7d1e5f..878b4641 100644 --- a/src/theme.tsx +++ b/src/theme.tsx @@ -201,7 +201,7 @@ const getHonorableThemeProps = ({ mode }: { mode: ColorMode }) => { { buttonMedium: true, display: 'flex', - borderRadius: 'normal', + borderRadius: 'medium', color: 'text-always-white', backgroundColor: 'action-primary', border: '1px solid action-primary', @@ -460,7 +460,7 @@ const getHonorableThemeProps = ({ mode }: { mode: ColorMode }) => { { width: 24, height: 24, - borderRadius: 'normal', + borderRadius: 'medium', }, ({ small }: any) => small && { @@ -527,7 +527,7 @@ const getHonorableThemeProps = ({ mode }: { mode: ColorMode }) => { paddingRight: 'medium', paddingLeft: 'medium', border: '1px solid border-input', - borderRadius: 'normal', + borderRadius: 'medium', _focusWithin: { borderColor: 'border-outline-focused', }, @@ -630,7 +630,7 @@ const getHonorableThemeProps = ({ mode }: { mode: ColorMode }) => { paddingBottom: '4px', backgroundColor: 'fill-two', border: '1px solid border', - borderRadius: 'normal', + borderRadius: 'medium', boxShadow: 'moderate', elevation: 0, // reset from honorable-theme-default },