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 }) => {
))}
- 진료 희망 사유 *
-
+