Skip to content

Commit a8ad1e8

Browse files
committed
feat : 아코디언 컴포넌트 상하 구분선 추가
1 parent 1982ffc commit a8ad1e8

File tree

1 file changed

+12
-0
lines changed
  • apps/pyconkr/src/components/Accordion

1 file changed

+12
-0
lines changed

apps/pyconkr/src/components/Accordion/index.tsx

Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -48,22 +48,34 @@ export default function Accordion() {
4848
const AccordionWrapper = styled.div`
4949
display: flex;
5050
flex-direction: column;
51+
border-top: 1px solid ${({ theme }) => theme.palette.primary.dark};
52+
border-bottom: 1px solid ${({ theme }) => theme.palette.primary.dark};
5153
`;
5254

5355
const Divider = styled.div`
5456
height: 1px;
5557
background-color: ${({ theme }) => theme.palette.primary.light};
58+
margin: 0;
5659
`;
5760

5861
const StyledAccordion = styled(MuiAccordion)`
5962
box-shadow: none;
63+
border-radius: 0;
6064
6165
&:before {
6266
display: none;
6367
}
6468
6569
&.MuiAccordion-root {
6670
margin: 0;
71+
72+
&:first-of-type {
73+
border-top: none;
74+
}
75+
76+
&:last-of-type {
77+
border-bottom: none;
78+
}
6779
}
6880
6981
.MuiAccordionSummary-root {

0 commit comments

Comments
 (0)