Commit f3b106a9 authored by 이재연's avatar 이재연
Browse files

프로필화면 수정

parent 02d4a360
import { Link } from "react-router-dom"; import { Link } from "react-router-dom";
const InfoUpdate = () => { const InfoUpdate = () => {
function inputfile(){
console.log('aa')
}
const id = 1; const id = 1;
const number = 1234;
return ( return (
<div className="container" style={{ background: "#FCF4FF" }}> <div className="container" style={{ background: "#FCF4FF" }}>
<div className="row"> <div className="row">
...@@ -22,32 +27,59 @@ const InfoUpdate = () => { ...@@ -22,32 +27,59 @@ const InfoUpdate = () => {
fontWeight: "bold", fontWeight: "bold",
}} }}
> >
돌아가기 돌아가기
</button> </button>
</Link> </Link>
</div> </div>
</div> </div>
<div className="col"></div>
<div className="col"> <div className="col">
<div> <div>
<div className="row"> <div className="row">
<div className="d-flex justify-content-center"> <div className="d-flex justify-content-center">
<img <img
src="/cherry.jpg" src="/cherry.jpg"
id="imgfile"
className="rounded-circle mt-2" className="rounded-circle mt-2"
style={{ height: "320px", width: "320px" }} style={{ height: "320px", width: "320px" }}
/> />
</div> </div>
<div <div className="mt-2 d-flex justify-content-end">
className="row justify-content-center my-4 ms-1" <label for='inputfile' style={{ fontSize: "13px", fontWeight: "bold" }}>사진 선택</label>
style={{ fontSize: "25px", fontWeight: "bold" }} <input type="file" id='inputfile' style={{display:'none'}}/>
> </div>
CHERRY #0805 <div className="col d-flex justify-content-center">
<input
type="text"
className="form-control my-4 "
placeholder="사용자명 입력"
style={{
background: "#fcf4ff",
borderTop: "0",
borderRight: "0",
borderLeft: "0",
borderBottom: "1",
borderColor: "#E8B7FF",
height: "38px",
width: "130px",
}}
/>
<div
className="justify-content-center ms-2 my-4"
style={{ fontSize: "25px", fontWeight: "bold" }}
>
#{number}
</div>
</div> </div>
<div className="d-flex justify-content-center"> <div className="d-flex justify-content-center">
<label <label
class="form-label me-3" class="form-label me-3"
style={{ fontSize: "13px", fontWeight: "bold" }} style={{
outline: "none",
fontSize: "13px",
fontWeight: "bold",
}}
> >
현재 비밀번호 현재 비밀번호
</label> </label>
...@@ -57,16 +89,16 @@ const InfoUpdate = () => { ...@@ -57,16 +89,16 @@ const InfoUpdate = () => {
style={{ height: "38px", width: "200px" }} style={{ height: "38px", width: "200px" }}
/> />
<button <button
type="button" type="button"
className="btn btn-outline-white ms-2" className="btn btn-outline-white ms-2"
style={{ style={{
background: "#E8B7FF", background: "#E8B7FF",
fontSize: "13px", fontSize: "13px",
fontWeight: "bold", fontWeight: "bold",
}} }}
> >
수정하기 수정하기
</button> </button>
</div> </div>
<div class="col-6"> <div class="col-6">
<div class="input-group mx-2 my-3"> <div class="input-group mx-2 my-3">
...@@ -115,7 +147,6 @@ const InfoUpdate = () => { ...@@ -115,7 +147,6 @@ const InfoUpdate = () => {
</div> </div>
</div> </div>
</div> </div>
<div className="col"></div>
</div> </div>
); );
}; };
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment