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
butter-studio
Commits
4e907cdc
Commit
4e907cdc
authored
Jul 08, 2021
by
Kim, Subin
Browse files
MovieTable style 변경
parent
eb5bd89d
Changes
4
Show whitespace changes
Inline
Side-by-side
client/src/components/Admin/MovieEdit.js
View file @
4e907cdc
...
...
@@ -9,9 +9,9 @@ const MovieEdit = () => {
<
Search
type
=
"
admin
"
/>
<
/div
>
<
MovieTable
/>
<
div
className
=
"
d-
md-
flex
"
>
<
div
className
=
"
d-flex
flex-wrap
"
>
<
Pagination
/>
<
div
className
=
"
d-flex justify-content-end col-
md-3 ms-md-auto
my-
1
"
>
<
div
className
=
"
d-flex justify-content-end col-
12 col-md-4
my-
2
"
>
<
button
type
=
"
button
"
className
=
"
btn btn-dark
"
style
=
{{
width
:
"
5em
"
}}
>
등록
<
/button
>
<
/div
>
<
/div
>
...
...
client/src/components/MovieTable/MovieTable.js
View file @
4e907cdc
...
...
@@ -14,25 +14,27 @@ const MovieTable = () => {
<
/tr
>
<
/thead
>
<
tbody
>
<
tr
className
=
{
styles
.
Row
}
data
-
bs
-
toggle
=
"
collapse
"
data
-
bs
-
target
=
{
"
#movie
"
}
>
<
td
className
=
{
styles
.
dInLine
}
>
블랙위도우
<
/td
>
<
td
data
-
label
=
"
-
"
className
=
{
`
${
styles
.
data
}
${
styles
.
d
InLine
}
`
}
>
케이트
쇼트랜드
<
/td
>
<
td
className
=
{
styles
.
dNone
}
>
O
<
/td
>
<
td
className
=
{
styles
.
dNone
}
>
O
<
/td
>
<
td
className
=
{
styles
.
dNone
}
>
X
<
/td
>
<
td
className
=
{
styles
.
dNone
}
>
X
<
/td
>
<
tr
className
=
{
styles
.
Row
}
data
-
bs
-
toggle
=
"
collapse
"
data
-
bs
-
target
=
{
"
#movie
1
"
}
>
<
td
className
=
"
d-inline-block d-md-table-cell
"
>
블랙위도우
<
/td
>
<
td
data
-
label
=
"
-
"
className
=
{
`
d-inline-block d-md-table-cell
${
styles
.
d
ata
}
`
}
>
케이트
쇼트랜드
<
/td
>
<
td
className
=
"
d-none d-md-table-cell
"
>
O
<
/td
>
<
td
className
=
"
d-none d-md-table-cell
"
>
O
<
/td
>
<
td
className
=
"
d-none d-md-table-cell
"
>
X
<
/td
>
<
td
className
=
"
d-none d-md-table-cell
"
>
X
<
/td
>
<
/tr
>
<
tr
>
<
div
className
=
"
collapse
"
id
=
{
"
movie
"
}
>
<
td
className
=
{
`
${
styles
.
data
}
${
styles
.
allDNone
}
${
styles
.
dInLine
}
`
}
>
줄거리
-
O
<
/td
>
<
td
className
=
{
`
${
styles
.
data
}
${
styles
.
allDNone
}
${
styles
.
dInLine
}
`
}
>
포스터
-
O
<
/td
>
<
td
className
=
{
`
${
styles
.
data
}
${
styles
.
allDNone
}
${
styles
.
dInLine
}
`
}
>
스틸컷
-
X
<
/td
>
<
td
className
=
{
`
${
styles
.
data
}
${
styles
.
allDNone
}
${
styles
.
dInLine
}
`
}
>
예고편
-
X
<
/td
>
<
div
className
=
"
d-flex justify-content-end mt-1
"
>
<
tr
className
=
{
styles
.
Row
}
>
<
td
colSpan
=
"
6
"
className
=
"
collapse
"
id
=
{
"
movie1
"
}
>
<
div
className
=
{
`d-inline-block d-md-none
${
styles
.
word
}
mb-2`
}
>
줄거리
-
O
/
포스터
-
O
/
스틸컷
-
X
/
예고편
-
X
<
/div
>
<
div
className
=
"
d-flex justify-content-end
"
>
<
button
type
=
"
button
"
className
=
"
btn btn-primary mx-2
"
>
수정
<
/button
>
<
button
type
=
"
button
"
className
=
"
btn btn-danger
"
>
삭제
<
/button
>
<
/div
>
<
/d
iv
>
<
/
t
d
>
<
/tr
>
<
/tbody
>
<
/table
>
...
...
client/src/components/MovieTable/movie-table.module.scss
View file @
4e907cdc
...
...
@@ -2,8 +2,8 @@
background
:
rgba
(
0
,
0
,
0
,
0
.075
);
}
.
allDNone
{
display
:
none
;
.
word
{
word-break
:
keep-all
;
}
@media
screen
and
(
max-width
:
767px
)
{
...
...
@@ -15,10 +15,6 @@
border
:
0
;
}
&
.dInLine
{
display
:
inline-block
;
}
&
.Row
{
border-bottom
:
2px
solid
;
...
...
client/src/components/Pagination.js
View file @
4e907cdc
const
Pagination
=
()
=>
{
return
(
<
nav
className
=
"
col-
md-3 ms-md-auto
my-
1
"
aria
-
label
=
"
Page navigation
example
"
>
<
nav
className
=
"
col-
12 col-md-4 offset-md-4
my-
2
"
aria
-
label
=
"
Page navigation
"
>
<
ul
className
=
"
pagination justify-content-center mb-0
"
>
<
li
className
=
"
page-item
"
>
<
a
className
=
"
page-link
"
href
=
"
#
"
aria
-
label
=
"
Previous
"
>
...
...
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