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

UI 수정 jaeyeon

parent 157857db
......@@ -13,8 +13,8 @@ function App() {
<Switch>
<Route exact path="/" component={HomeGuestPage} />
<Route exact path="/user" component={HomeUserPage} />
<Route path="/profile/:id/update" component={InfoUpdatePage} />
<Route path="/profile/:id" component={ProfilePage} />
<Route path="/profileupdate/:id" component={InfoUpdatePage} />
<Route path="/Room/:id/:channel" component={RoomPage} />
</Switch>
{/* </AuthProvider> */}
......
import User from "../Room/User";
const Info = () => {
return (
<div className="container-md vh-100" style={{ background: "#FCF4FF" }}>
<div className="container" style={{ background: "#FCF4FF" }}>
<div
className="row justify-content-center mx-1"
className="row justify-content-center mx-1"
style={{ fontSize: "25px", fontWeight: "bold" }}
>
CHERRY #0805
</div>
<div className="row">
<div className="col-3"></div>
<div className="col-6 my-3">
<form>
<label
className="form-label mb-3"
style={{ fontSize: "13px", fontWeight: "bold" }}
>
이름
</label>
<input type="text" className="form-control" />
<label
className="form-label mb-3 mt-2"
style={{ fontSize: "13px", fontWeight: "bold" }}
>
전화번호
</label>
<input type="text" className="form-control" />
</form>
<div className="col-6 my-5">
<h2 className="mb-3" style={{ fontSize: "13px", fontWeight: "bold" }}>
이름
</h2>
<h2 className="mb-4 mt-2" style={{ fontSize: "25px", fontWeight: "bold" }} >김채린</h2>
<h2
className="mb-3 mt-2"
style={{ fontSize: "13px", fontWeight: "bold" }}
>
전화번호
</h2>
<h2 className="mb-3 mt-2" style={{ fontSize: "25px", fontWeight: "bold" }}>010-8628-8984</h2>
</div>
<div className="col"></div>
</div>
......
import { Link } from "react-router-dom";
const InfoUpdate = () => {
const id=1;
return (
<div class="container-md vh-100" style={{ background: "#FCF4FF" }}>
<div class="container" style={{ background: "#FCF4FF" }}>
<div class="row">
<div>
<label
......@@ -10,6 +12,7 @@ const InfoUpdate = () => {
>
프로필 정보
</label>
<Link to={`/profile/${id}`}>
<button
type="button"
class="btn btn-outline-white "
......@@ -21,6 +24,7 @@ const InfoUpdate = () => {
>
확인
</button>
</Link>
</div>
</div>
<div class="col"></div>
......
import { Link } from "react-router-dom";
const Profile = () => {
const id = 1;
return (
<div className="container-md" style={{ background: "#FCF4FF" }}>
<div className="container" style={{ background: "#FCF4FF" }}>
<>
<div className="row">
<form>
......@@ -10,21 +13,25 @@ const Profile = () => {
>
프로필 정보
</label>
<button
type="button"
className="btn btn-outline-white "
style={{
background: "#E8B7FF",
fontSize: "13px",
fontWeight: "bold",
}}
>
수정
</button>
<Link to={`/profile/${id}/update`}>
<button
type="button"
className="btn btn-outline-white "
style={{
background: "#E8B7FF",
fontSize: "13px",
fontWeight: "bold",
}}
>
수정
</button>
</Link>
</form>
<div className="col"></div>
<div className="col">
<img src="/image2.jpg" style={{height:'320px', width:'320px'}} className="rounded-circle mt-3" />
<div className="d-flex justify-content-center">
<img src="/image2.jpg" className="rounded-circle" style={{height:'320px', width:'320px'}}/>
</div>
</div>
<div className="col"></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