Skip to content

Commit

Permalink
chore(style): border-radius 추가
Browse files Browse the repository at this point in the history
  • Loading branch information
Ubinquitous committed Jul 30, 2023
1 parent 7a967aa commit a316075
Show file tree
Hide file tree
Showing 2 changed files with 14 additions and 3 deletions.
2 changes: 2 additions & 0 deletions src/components/common/Modal/EmojiModal/ModalHeader.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -28,6 +28,8 @@ const Container = styled.header`
gap: 6px;
align-items: center;
box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.1);
border-top-right-radius: 12px;
border-top-left-radius: 12px;
`;

const Title = styled.span`
Expand Down
15 changes: 12 additions & 3 deletions src/components/common/Modal/SettingModal/index.tsx
Original file line number Diff line number Diff line change
@@ -1,16 +1,25 @@
import color from "@/styles/color";
import React from "react";
import styled from "styled-components";
import SettingHeader from "./SettingHeader";
import SettingBody from "./SettingBody";

const SettingModal = () => {
return <Container />;
return (
<Container>
<SettingHeader />
<SettingBody />
</Container>
);
};

const Container = styled.div`
width: 30vw;
height: 40vh;
width: 40vw;
height: 90vh;
overflow-y: scroll;
background-color: ${color.white};
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
border-radius: 8px;
`;

export default SettingModal;

0 comments on commit a316075

Please sign in to comment.