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
f581a425
Commit
f581a425
authored
Jul 07, 2021
by
Kim, Subin
Browse files
MovieTable
parent
bc4dffd1
Changes
4
Show whitespace changes
Inline
Side-by-side
client/src/components/MovieTable/MovieTable.js
0 → 100644
View file @
f581a425
import
styles
from
"
./movie-table.module.scss
"
;
const
MovieTable
=
()
=>
{
return
(
<
table
className
=
{
`table text-center
${
styles
.
tableForm
}
`
}
>
<
thead
className
=
{
`table-dark
${
styles
.
dNone
}
`
}
>
<
tr
>
<
th
>
제목
<
/th
>
<
th
>
감독
<
/th
>
<
th
>
줄거리
<
/th
>
<
th
>
포스터
<
/th
>
<
th
>
스틸컷
<
/th
>
<
th
>
예고편
<
/th
>
<
/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
.
dInLine
}
`
}
>
케이트
쇼트랜드
<
/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
>
<
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
"
>
<
button
type
=
"
button
"
className
=
"
btn btn-primary mx-2
"
>
수정
<
/button
>
<
button
type
=
"
button
"
className
=
"
btn btn-danger
"
>
삭제
<
/button
>
<
/div
>
<
/div
>
<
/tr
>
<
/tbody
>
<
/table
>
)
}
export
default
MovieTable
\ No newline at end of file
client/src/components/MovieTable/index.js
0 → 100644
View file @
f581a425
export
{
default
}
from
"
./MovieTable
"
\ No newline at end of file
client/src/components/MovieTable/movie-table.module.scss
0 → 100644
View file @
f581a425
.Row
:hover
{
background
:
rgba
(
0
,
0
,
0
,
0
.075
);
}
.allDNone
{
display
:
none
;
}
@media
screen
and
(
max-width
:
767px
)
{
.tableForm
{
border-top
:
2px
solid
;
&
.dNone
{
display
:
none
;
border
:
0
;
}
&
.dInLine
{
display
:
inline-block
;
}
&
.Row
{
border-bottom
:
2px
solid
;
&
.data
::before
{
content
:
attr
(
data-label
);
font-weight
:
bold
;
}
}
}
};
\ No newline at end of file
client/src/scss/custom.scss
View file @
f581a425
...
...
@@ -48,6 +48,9 @@ $theme-colors: map-merge($theme-colors, $custom-colors);
.carousel-inner
.carousel-item
>
div
:first-child
{
display
:
block
;
}
.table
>
:not
(
caption
)
>
*
>
*
{
border-bottom-width
:
0
;
}
}
/* medium and up screens */
...
...
@@ -68,7 +71,3 @@ $theme-colors: map-merge($theme-colors, $custom-colors);
.carousel-inner
.carousel-item-start
{
transform
:
translateX
(
0
);
}
\ No newline at end of file
// .nav-link{
// color: yellow;
// }
\ No newline at end of file
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