Skip to content

GitLab

Commit 6be47bc5 authored by 우지원's avatar 우지원
Browse files

0628 오류수정

parent 72a2d72b
Show whitespace changes
Inline Side-by-side
client/src/components/Home/AddRoom.js
View file @ 6be47bc5
import React, { useState } from 'react' import React from 'react'
const AddRoom = () => { const AddRoom = () => {
...@@ -13,7 +13,7 @@ const AddRoom = () => { ...@@ -13,7 +13,7 @@ const AddRoom = () => {
</button> </button>
</div> </div>
<div className="modal" id="myModal" tabindex="-1" aria-hidden="true"> <div className="modal" id="myModal" tabIndex="-1" aria-hidden="true">
<div className="modal-dialog"> <div className="modal-dialog">
<div className="modal-content"> <div className="modal-content">
<div className="modal-header"> <div className="modal-header">
...@@ -36,7 +36,7 @@ const AddRoom = () => { ...@@ -36,7 +36,7 @@ const AddRoom = () => {
</div> </div>
{/* 방참여하기 모달 */} {/* 방참여하기 모달 */}
<div className="modal" id="joinModal" tabindex="-1" aria-hidden="true"> <div className="modal" id="joinModal" tabIndex="-1" aria-hidden="true">
<div className="modal-dialog"> <div className="modal-dialog">
<div className="modal-content"> <div className="modal-content">
<div className="modal-header"> <div className="modal-header">
...@@ -56,7 +56,7 @@ const AddRoom = () => { ...@@ -56,7 +56,7 @@ const AddRoom = () => {
</div> </div>
{/* 방생성하기 모달 */} {/* 방생성하기 모달 */}
<div className="modal" id="makeModal" tabindex="-1" aria-hidden="true"> <div className="modal" id="makeModal" tabIndex="-1" aria-hidden="true">
<div className="modal-dialog"> <div className="modal-dialog">
<div className="modal-content"> <div className="modal-content">
<div className="modal-header"> <div className="modal-header">
...@@ -65,8 +65,8 @@ const AddRoom = () => { ...@@ -65,8 +65,8 @@ const AddRoom = () => {
</div> </div>
<div className="modal-body"> <div className="modal-body">
<h5>방프로필사진</h5> <h5>방프로필사진</h5>
<div class="filebox mb-4"> <div className="filebox mb-4">
<input type="file" id="ex_filename" class="upload-hidden" /> <input type="file" id="ex_filename" className="upload-hidden" />
</div> </div>
<h5>방이름</h5> <h5>방이름</h5>
<div className="input-group"> <div className="input-group">
......
client/src/components/Home/RoomList.js
View file @ 6be47bc5
...@@ -5,7 +5,7 @@ const RoomList = () => { ...@@ -5,7 +5,7 @@ const RoomList = () => {
return ( return (
<div> <div>
<AddRoom /> <AddRoom />
<div className="mb-5"> <div className="mb-3">
<RoomSingle /> <RoomSingle />
</div> </div>
</div> </div>
......
client/src/components/Home/RoomSingle.js
View file @ 6be47bc5
const RoomSingle = () => { const RoomSingle = () => {
return ( return (
<> <>
<div className="row justify-content-start m-2 p-2" style={{ backgroundColor: "#C4C4C4" }}> <div className="row justify-content-start mx-4 my-2 p-2" style={{ backgroundColor: "#C4C4C4" }}>
<div className="col-2" style={{ width: "37px", height: "37px" }}><img src="/BORA.png" className="rounded-circle" style={{ width: "37px", height: "37px" }} /></div> <div className="col-2" style={{ width: "37px", height: "37px" }}><img src="/BORA.png" className="rounded-circle" style={{ width: "37px", height: "37px" }} /></div>
<div className="col-8 m-2"> 데계 재미있는 수학과 </div> <div className="col-8 m-2"> 데계 재미있는 수학과 </div>
<div className="col-2 mt-2"> 15/34 </div> <div className="col-2 mt-2"> 15/34 </div>
</div> </div>
<div className="row justify-content-start m-2 p-2" style={{ backgroundColor: "#C4C4C4" }}> <div className="row justify-content-start mx-4 my-2 p-2" style={{ backgroundColor: "#C4C4C4" }}>
<div className="col-2" style={{ width: "37px", height: "37px" }}><img src="/BORA_LOGO.png" className="rounded-circle" style={{ width: "37px", height: "37px" }} /></div> <div className="col-2" style={{ width: "37px", height: "37px" }}><img src="/BORA_LOGO.png" className="rounded-circle" style={{ width: "37px", height: "37px" }} /></div>
<div className="col-8 m-2"> 데계 재미있는 수학과 </div> <div className="col-8 m-2"> 데계 재미있는 수학과 </div>
<div className="col-2 mt-2"> 15/34 </div> <div className="col-2 mt-2"> 15/34 </div>
</div> </div>
<div className="row justify-content-start m-2 p-2" style={{ backgroundColor: "#C4C4C4" }}> <div className="row justify-content-start mx-4 my-2 p-2" style={{ backgroundColor: "#C4C4C4" }}>
<div className="col-2" style={{ width: "37px", height: "37px" }}><img src="/image2.jpg" className="rounded-circle" style={{ width: "37px", height: "37px" }} /></div> <div className="col-2" style={{ width: "37px", height: "37px" }}><img src="/image2.jpg" className="rounded-circle" style={{ width: "37px", height: "37px" }} /></div>
<div className="col-8 m-2"> 데계 재미있는 수학과 </div> <div className="col-8 m-2"> 데계 재미있는 수학과 </div>
<div className="col-2 mt-2"> 15/34 </div> <div className="col-2 mt-2"> 15/34 </div>
</div> </div>
<div className="row justify-content-start m-2 p-2" style={{ backgroundColor: "#C4C4C4" }}> <div className="row justify-content-start mx-4 my-2 p-2" style={{ backgroundColor: "#C4C4C4" }}>
<div className="col-2" style={{ width: "37px", height: "37px" }}><img src="/BORA_LOGO.png" className="rounded-circle" style={{ width: "37px", height: "37px" }} /></div> <div className="col-2" style={{ width: "37px", height: "37px" }}><img src="/BORA_LOGO.png" className="rounded-circle" style={{ width: "37px", height: "37px" }} /></div>
<div className="col-8 m-2"> 데계 재미있는 수학과 </div> <div className="col-8 m-2"> 데계 재미있는 수학과 </div>
<div className="col-2 mt-2"> 15/34 </div> <div className="col-2 mt-2"> 15/34 </div>
</div> </div>
<div className="row justify-content-start m-2 p-2" style={{ backgroundColor: "#C4C4C4" }}> <div className="row justify-content-start mx-4 my-2 p-2" style={{ backgroundColor: "#C4C4C4" }}>
<div className="col-2" style={{ width: "37px", height: "37px" }}><img src="/BORA.png" className="rounded-circle" style={{ width: "37px", height: "37px" }} /></div> <div className="col-2" style={{ width: "37px", height: "37px" }}><img src="/BORA.png" className="rounded-circle" style={{ width: "37px", height: "37px" }} /></div>
<div className="col-8 m-2"> 데계 재미있는 수학과 </div> <div className="col-8 m-2"> 데계 재미있는 수학과 </div>
<div className="col-2 mt-2"> 15/34 </div> <div className="col-2 mt-2"> 15/34 </div>
</div> </div>
<div className="row justify-content-start m-2 p-2" style={{ backgroundColor: "#C4C4C4" }}> <div className="row justify-content-start mx-4 my-2 p-2" style={{ backgroundColor: "#C4C4C4" }}>
<div className="col-2" style={{ width: "37px", height: "37px" }}><img src="/image2.jpg" className="rounded-circle" style={{ width: "37px", height: "37px" }} /></div> <div className="col-2" style={{ width: "37px", height: "37px" }}><img src="/image2.jpg" className="rounded-circle" style={{ width: "37px", height: "37px" }} /></div>
<div className="col-8 m-2"> 데계 재미있는 수학과 </div> <div className="col-8 m-2"> 데계 재미있는 수학과 </div>
<div className="col-2 mt-2"> 15/34 </div> <div className="col-2 mt-2"> 15/34 </div>
</div> </div>
<div className="row justify-content-start m-2 p-2" style={{ backgroundColor: "#C4C4C4" }}> <div className="row justify-content-start mx-4 my-2 p-2" style={{ backgroundColor: "#C4C4C4" }}>
<div className="col-2" style={{ width: "37px", height: "37px" }}><img src="/BORA_LOGO.png" className="rounded-circle" style={{ width: "37px", height: "37px" }} /></div> <div className="col-2" style={{ width: "37px", height: "37px" }}><img src="/BORA_LOGO.png" className="rounded-circle" style={{ width: "37px", height: "37px" }} /></div>
<div className="col-8 m-2"> 데계 재미있는 수학과 </div> <div className="col-8 m-2"> 데계 재미있는 수학과 </div>
<div className="col-2 mt-2"> 15/34 </div> <div className="col-2 mt-2"> 15/34 </div>
</div> </div>
<div className="row justify-content-start m-2 p-2" style={{ backgroundColor: "#C4C4C4" }}> <div className="row justify-content-start mx-4 my-2 p-2" style={{ backgroundColor: "#C4C4C4" }}>
<div className="col-2" style={{ width: "37px", height: "37px" }}><img src="/BORA.png" className="rounded-circle" style={{ width: "37px", height: "37px" }} /></div> <div className="col-2" style={{ width: "37px", height: "37px" }}><img src="/BORA.png" className="rounded-circle" style={{ width: "37px", height: "37px" }} /></div>
<div className="col-8 m-2"> 데계 재미있는 수학과 </div> <div className="col-8 m-2"> 데계 재미있는 수학과 </div>
<div className="col-2 mt-2"> 15/34 </div> <div className="col-2 mt-2"> 15/34 </div>
</div> </div>
<div className="row justify-content-start m-2 p-2" style={{ backgroundColor: "#C4C4C4" }}> <div className="row justify-content-start mx-4 my-2 p-2" style={{ backgroundColor: "#C4C4C4" }}>
<div className="col-2" style={{ width: "37px", height: "37px" }}><img src="/image2.jpg" className="rounded-circle" style={{ width: "37px", height: "37px" }} /></div> <div className="col-2" style={{ width: "37px", height: "37px" }}><img src="/image2.jpg" className="rounded-circle" style={{ width: "37px", height: "37px" }} /></div>
<div className="col-8 m-2"> 데계 재미있는 수학과 </div> <div className="col-8 m-2"> 데계 재미있는 수학과 </div>
<div className="col-2 mt-2"> 15/34 </div> <div className="col-2 mt-2"> 15/34 </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