diff --git a/src/components/DoctorDashBoard/DoctorChart.jsx b/src/components/DoctorDashBoard/DoctorChart.jsx index c27ba2e..2fc7fb6 100644 --- a/src/components/DoctorDashBoard/DoctorChart.jsx +++ b/src/components/DoctorDashBoard/DoctorChart.jsx @@ -2,10 +2,11 @@ import styled from "styled-components"; import InputText from "../Input/InputText"; import Dropdown from "../Dropdown/Dropdown"; import DateSelect from "../Input/DateSelect"; +import InputTextLong from "../Input/InputTextLong"; -const SignupContainer = styled.div` - width: 750px; - height: 750px; +const ChartContainer = styled.div` + width: 800px; + height: 900px; border-radius: 7.5px; background-color: #ffffff; border: 1.5px solid #0064ff; @@ -60,9 +61,11 @@ const Button = styled.button` const DoctorChart = () => { const gender = ["남성", "여성"]; + + const therapist = ["오민혁" , "오민혁", "오민혁"]; return ( - + 환자 차트 작성 @@ -75,10 +78,19 @@ const DoctorChart = () => { - + - - + + + + + + + + + + + ); }; diff --git a/src/components/Dropdown/Dropdown.jsx b/src/components/Dropdown/Dropdown.jsx index 9a80e85..0383825 100644 --- a/src/components/Dropdown/Dropdown.jsx +++ b/src/components/Dropdown/Dropdown.jsx @@ -12,7 +12,7 @@ const Label = styled.div` `; const DropdownContainer = styled.div` - width: 240px; + width: 250px; height: 37.5px; background-color: #FFFFFF; border: 0.75px solid #BBBBBB; diff --git a/src/components/Input/DateSelect.jsx b/src/components/Input/DateSelect.jsx index 9aa9686..ca9e4ea 100644 --- a/src/components/Input/DateSelect.jsx +++ b/src/components/Input/DateSelect.jsx @@ -13,7 +13,7 @@ const Container = styled.div` const DateInput = styled.input` box-sizing: border-box; - width: 188px; + width: 200px; height: 40px; border-radius: 10px; background-color: #FAFAFA; @@ -142,7 +142,7 @@ const DateSelect = ({ labelText }) => { diff --git a/src/components/Input/InputTextLong.jsx b/src/components/Input/InputTextLong.jsx index 9f713bf..5c9c760 100644 --- a/src/components/Input/InputTextLong.jsx +++ b/src/components/Input/InputTextLong.jsx @@ -4,13 +4,18 @@ const InputContainer = styled.div` display: flex; flex-direction: column; width: 320px; - margin-top:10px; `; +const Label = styled.label` + font-family: 'Spoqa Han Sans Neo', 'sans-serif'; + font-size: 16px; + font-weight: 500; + margin-bottom: 5px; +`; const Input = styled.input` - width: 500px; - height: 100px; + width: 550px; + height: 133px; border-radius: 10px; background-color: #FAFAFA; border: 1px solid #BBBBBB; @@ -22,13 +27,14 @@ const Input = styled.input` } `; -function InputTextLong() { +function InputLongText({ label }) { return ( + ); } export { Input }; -export default InputTextLong; \ No newline at end of file +export default InputLongText; \ No newline at end of file diff --git a/src/components/UntactReserve/UntactReserveModal.jsx b/src/components/UntactReserve/UntactReserveModal.jsx index 401a70b..a18f91b 100644 --- a/src/components/UntactReserve/UntactReserveModal.jsx +++ b/src/components/UntactReserve/UntactReserveModal.jsx @@ -56,11 +56,6 @@ const DateText = styled.p` margin-top: -10px; `; -const ReasonText = styled.p` - font-size: 16px; - margin-top: 10px; -`; - const TimeButton = styled.button` width: 90px; height: 40px; @@ -136,8 +131,7 @@ export const UntactReserveModal = ({ onClose }) => { ))} - 진료 희망 사유 * - +