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

UI 수정 jaeyeon

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