Skip to content
GitLab
Menu
Projects
Groups
Snippets
Loading...
Help
Help
Support
Community forum
Keyboard shortcuts
?
Submit feedback
Contribute to GitLab
Sign in / Register
Toggle navigation
Menu
Open sidebar
students
bora-it
Commits
ff46d55e
Commit
ff46d55e
authored
Jul 05, 2021
by
seoyeon
Browse files
돌아가기 버튼 수정
parent
566d7109
Changes
2
Show whitespace changes
Inline
Side-by-side
client/src/backward.png
0 → 100644
View file @
ff46d55e
11.7 KB
client/src/components/Room/ChannelList.js
View file @
ff46d55e
import
ChannelSingle
from
"
./ChannelSingle
"
;
import
{
Link
}
from
"
react-router-dom
"
;
import
ChannelSingle
from
'
./ChannelSingle
'
import
{
Link
}
from
'
react-router-dom
'
import
backward
from
'
../../backward.png
'
const
ChannelList
=
()
=>
{
return
(
...
...
@@ -9,23 +10,16 @@ const ChannelList = () => {
<
Link
to
=
"
/user
"
>
<
button
type
=
"
button
"
className
=
"
m-2 rounded
"
style
=
{{
height
:
"
30px
"
,
fontWeight
:
"
bold
"
,
backgroundColor
:
"
#E8B7FF
"
,
color
:
"
black
"
,
border
:
"
1px #f4c1f2
"
,
}}
className
=
"
btn
"
>
돌아가기
<
img
src
=
{
backward
}
width
=
"
25
"
height
=
"
25
"
/>
<
/button
>
<
/Link
>
<
/div
>
<
div
className
=
"
col-4 d-flex justify-content-center
"
>
<
Link
to
=
"
/user
"
>
<
img
src
=
"
/BORA.png
"
style
=
{{
width
:
"
160px
"
}}
/
>
<
img
src
=
"
/BORA.png
"
style
=
{{
width
:
'
160px
'
}}
/
>
<
/Link
>
<
/div
>
...
...
@@ -38,23 +32,40 @@ const ChannelList = () => {
aria
-
controls
=
"
hamburger
"
aria
-
expanded
=
"
false
"
aria
-
label
=
"
Toggle navigation
"
style
=
{{
border
:
"
#f4c1f2
"
,
}}
style
=
{{
border
:
'
#f4c1f2
'
}}
>
<
span
className
=
"
navbar-toggler-icon
"
><
/span
>
<
/button
>
<
/div
>
<
/nav
>
<
div
className
=
"
offcanvas offcanvas-start
"
tabindex
=
"
-1
"
id
=
"
hamburger
"
aria
-
labelledby
=
"
hamburgerLabel
"
>
<
div
className
=
"
offcanvas offcanvas-start
"
tabindex
=
"
-1
"
id
=
"
hamburger
"
aria
-
labelledby
=
"
hamburgerLabel
"
>
<
div
className
=
"
offcanvas-header
"
>
<
h5
className
=
"
offcanvas-title
"
id
=
"
offcanvasExampleLabel
"
>
음성
채널
목록
<
/h5
>
<
button
type
=
"
button
"
className
=
"
btn-close text-reset
"
data
-
bs
-
dismiss
=
"
offcanvas
"
aria
-
label
=
"
Close
"
><
/button
>
<
h5
className
=
"
offcanvas-title
"
id
=
"
offcanvasExampleLabel
"
>
음성
채널
목록
<
/h5
>
<
button
type
=
"
button
"
className
=
"
btn-close text-reset
"
data
-
bs
-
dismiss
=
"
offcanvas
"
aria
-
label
=
"
Close
"
><
/button
>
<
/div
>
<
div
className
=
"
overflow-auto
"
style
=
{{
height
:
"
610px
"
}}
>
<
div
className
=
"
overflow-auto
"
style
=
{{
height
:
'
610px
'
}}
>
<
div
className
=
"
mb-3
"
>
<
div
className
=
"
m-3 p-2 row
"
style
=
{{
backgroundColor
:
"
#C4C4C4
"
}}
>
<
img
className
=
"
col-auto
"
src
=
"
/fullSpeaker.png
"
width
=
"
30px
"
height
=
"
30px
"
/>
<
div
className
=
"
m-3 p-2 row
"
style
=
{{
backgroundColor
:
'
#C4C4C4
'
}}
>
<
img
className
=
"
col-auto
"
src
=
"
/fullSpeaker.png
"
width
=
"
30px
"
height
=
"
30px
"
/>
<
h5
className
=
"
col
"
>
회의
<
/h5
>
<
/div
>
<
div
className
=
"
mx-5
"
>
...
...
@@ -62,7 +73,7 @@ const ChannelList = () => {
<
/div
>
<
/div
>
<
div
className
=
"
mb-3
"
>
<
div
className
=
"
m-3 p-2
"
style
=
{{
backgroundColor
:
"
#C4C4C4
"
}}
>
<
div
className
=
"
m-3 p-2
"
style
=
{{
backgroundColor
:
'
#C4C4C4
'
}}
>
<
h5
>
사담
<
/h5
>
<
/div
>
<
div
className
=
"
mx-5
"
>
...
...
@@ -70,7 +81,7 @@ const ChannelList = () => {
<
/div
>
<
/div
>
<
div
className
=
"
mb-3
"
>
<
div
className
=
"
m-3 p-2
"
style
=
{{
backgroundColor
:
"
#C4C4C4
"
}}
>
<
div
className
=
"
m-3 p-2
"
style
=
{{
backgroundColor
:
'
#C4C4C4
'
}}
>
<
h5
>
공지
<
/h5
>
<
/div
>
<
div
className
=
"
mx-5
"
>
...
...
@@ -78,7 +89,7 @@ const ChannelList = () => {
<
/div
>
<
/div
>
<
div
className
=
"
mb-3
"
>
<
div
className
=
"
m-3 p-2
"
style
=
{{
backgroundColor
:
"
#C4C4C4
"
}}
>
<
div
className
=
"
m-3 p-2
"
style
=
{{
backgroundColor
:
'
#C4C4C4
'
}}
>
<
h5
>
공지
<
/h5
>
<
/div
>
<
div
className
=
"
mx-5
"
>
...
...
@@ -94,20 +105,31 @@ const ChannelList = () => {
data
-
bs
-
toggle
=
"
modal
"
data
-
bs
-
target
=
"
#exitRoom
"
style
=
{{
height
:
"
30px
"
,
fontWeight
:
"
bold
"
,
backgroundColor
:
"
#FF0000
"
,
color
:
"
black
"
,
border
:
"
1px #f4c1f2
"
,
height
:
'
30px
'
,
fontWeight
:
'
bold
'
,
backgroundColor
:
'
#FF0000
'
,
color
:
'
black
'
,
border
:
'
1px #f4c1f2
'
,
}}
>
퇴장
<
/button
>
<
div
className
=
"
modal fade
"
id
=
"
exitRoom
"
tabindex
=
"
-1
"
aria
-
labelledby
=
"
exitRoomLabel
"
aria
-
hidden
=
"
true
"
>
<
div
className
=
"
modal fade
"
id
=
"
exitRoom
"
tabindex
=
"
-1
"
aria
-
labelledby
=
"
exitRoomLabel
"
aria
-
hidden
=
"
true
"
>
<
div
className
=
"
modal-dialog
"
>
<
div
className
=
"
modal-content
"
>
<
div
className
=
"
modal-header
"
>
<
button
type
=
"
button
"
className
=
"
btn-close
"
data
-
bs
-
dismiss
=
"
modal
"
aria
-
label
=
"
Close
"
><
/button
>
<
button
type
=
"
button
"
className
=
"
btn-close
"
data
-
bs
-
dismiss
=
"
modal
"
aria
-
label
=
"
Close
"
><
/button
>
<
/div
>
<
div
className
=
"
modal-body d-flex justify-content-center
"
>
이방에서
퇴장하시겠습니까
?
...
...
@@ -115,9 +137,17 @@ const ChannelList = () => {
<
div
className
=
"
row mb-3
"
>
<
div
className
=
"
d-flex justify-content-evenly
"
>
{
/* <Link to="/user"> */
}
<
button
type
=
"
submit
"
className
=
"
col-2 p-1 btn btn-primary
"
>
예
<
/button
>
<
button
type
=
"
submit
"
className
=
"
col-2 p-1 btn btn-primary
"
>
예
<
/button
>
{
/* </Link> */
}
<
button
type
=
"
submit
"
className
=
"
col-2 p-1 btn btn-primary
"
data
-
bs
-
dismiss
=
"
modal
"
>
아니요
<
/button
>
<
button
type
=
"
submit
"
className
=
"
col-2 p-1 btn btn-primary
"
data
-
bs
-
dismiss
=
"
modal
"
>
아니요
<
/button
>
<
/div
>
<
/div
>
<
/div
>
...
...
@@ -125,10 +155,8 @@ const ChannelList = () => {
<
/div
>
<
/div
>
<
/div
>
<
/div
>
)
}
<
/div
>
);
};
export
default
ChannelList
;
export
default
ChannelList
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
.
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment