diff --git a/src/components/molecules/ManageableSidebar/styled.ts b/src/components/molecules/ManageableSidebar/styled.ts index 4c811f5..e80e757 100644 --- a/src/components/molecules/ManageableSidebar/styled.ts +++ b/src/components/molecules/ManageableSidebar/styled.ts @@ -18,7 +18,7 @@ const Container = styled.div` direction: rtl; max-height: ${({ $maxHeight }) => $maxHeight || 'initial'}; user-select: none; - border-top-right-radius: 12px; + border-top-right-radius: 7px; & ul { direction: ltr; @@ -51,9 +51,9 @@ const Container = styled.div` /* corner radius */ - && .ant-menu li:first-child div:first-child { - border-top-right-radius: 8px; - } + /* && .ant-menu li:first-child div:first-child { + border-top-right-radius: 4px; + } */ /* selected header bgcolor */ diff --git a/src/components/organisms/Sidebar/styled.ts b/src/components/organisms/Sidebar/styled.ts index 4d977e4..ff1f047 100644 --- a/src/components/organisms/Sidebar/styled.ts +++ b/src/components/organisms/Sidebar/styled.ts @@ -11,6 +11,7 @@ const BackgroundContainer = styled.div` border-top-right-radius: ${({ $borderRadius }) => $borderRadius}px; border: 1px ${({ $borderColor }) => $borderColor} solid; border-left: 0; + box-sizing: border-box; width: 250px; height: calc(100vh - ${HEAD_FIRST_ROW}px); `