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
61b30624
Commit
61b30624
authored
Jul 14, 2021
by
Kim, Subin
Browse files
MovieTable-상영일 추가 / custom.scss-table style 살리기
parent
2ec1313a
Changes
2
Hide whitespace changes
Inline
Side-by-side
client/src/components/MovieTable/MovieTable.js
View file @
61b30624
...
@@ -7,6 +7,7 @@ const MovieTable = () => {
...
@@ -7,6 +7,7 @@ const MovieTable = () => {
<
tr
>
<
tr
>
<
th
>
제목
<
/th
>
<
th
>
제목
<
/th
>
<
th
>
감독
<
/th
>
<
th
>
감독
<
/th
>
<
th
>
상영일
<
/th
>
<
th
>
줄거리
<
/th
>
<
th
>
줄거리
<
/th
>
<
th
>
포스터
<
/th
>
<
th
>
포스터
<
/th
>
<
th
>
스틸컷
<
/th
>
<
th
>
스틸컷
<
/th
>
...
@@ -17,13 +18,14 @@ const MovieTable = () => {
...
@@ -17,13 +18,14 @@ const MovieTable = () => {
<
tr
className
=
{
styles
.
Row
}
data
-
bs
-
toggle
=
"
collapse
"
data
-
bs
-
target
=
{
"
#movie1
"
}
>
<
tr
className
=
{
styles
.
Row
}
data
-
bs
-
toggle
=
"
collapse
"
data
-
bs
-
target
=
{
"
#movie1
"
}
>
<
td
className
=
"
d-inline-block d-md-table-cell
"
>
블랙위도우
<
/td
>
<
td
className
=
"
d-inline-block d-md-table-cell
"
>
블랙위도우
<
/td
>
<
td
data
-
label
=
"
-
"
className
=
{
`d-inline-block d-md-table-cell
${
styles
.
data
}
`
}
>
케이트
쇼트랜드
<
/td
>
<
td
data
-
label
=
"
-
"
className
=
{
`d-inline-block d-md-table-cell
${
styles
.
data
}
`
}
>
케이트
쇼트랜드
<
/td
>
<
td
data
-
label
=
"
/
"
className
=
{
`d-inline-block d-md-table-cell
${
styles
.
data
}
`
}
>
2021
-
07
-
07
<
/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
"
>
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
>
<
td
className
=
"
d-none d-md-table-cell
"
>
X
<
/td
>
<
td
className
=
"
d-none d-md-table-cell
"
>
X
<
/td
>
<
/tr
>
<
/tr
>
<
tr
className
=
{
styles
.
Row
}
>
<
tr
className
=
{
styles
.
Row
}
>
<
td
colSpan
=
"
6
"
className
=
"
collapse
"
id
=
{
"
movie1
"
}
>
<
td
colSpan
=
"
7
"
className
=
"
collapse
"
id
=
{
"
movie1
"
}
>
<
div
className
=
{
`d-inline-block d-md-none
${
styles
.
word
}
mb-2`
}
>
<
div
className
=
{
`d-inline-block d-md-none
${
styles
.
word
}
mb-2`
}
>
줄거리
-
O
/
줄거리
-
O
/
포스터
-
O
/
포스터
-
O
/
...
@@ -31,7 +33,6 @@ const MovieTable = () => {
...
@@ -31,7 +33,6 @@ const MovieTable = () => {
예고편
-
X
예고편
-
X
<
/div
>
<
/div
>
<
div
className
=
"
d-flex justify-content-end
"
>
<
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
>
<
button
type
=
"
button
"
className
=
"
btn btn-danger
"
>
삭제
<
/button
>
<
/div
>
<
/div
>
<
/td
>
<
/td
>
...
...
client/src/scss/custom.scss
View file @
61b30624
...
@@ -41,17 +41,17 @@ $theme-colors: map-merge($theme-colors, $custom-colors);
...
@@ -41,17 +41,17 @@ $theme-colors: map-merge($theme-colors, $custom-colors);
font-style
:
normal
;
font-style
:
normal
;
}
}
//
@media (max-width: 767px) {
@media
(
max-width
:
767px
)
{
//
.carousel-inner .carousel-item > div {
//
.carousel-inner .carousel-item > div {
//
display: none;
//
display: none;
//
}
//
}
//
.carousel-inner .carousel-item > div:first-child {
//
.carousel-inner .carousel-item > div:first-child {
//
display: block;
//
display: block;
//
}
//
}
//
.table > :not(caption) > * > * {
.table
>
:not
(
caption
)
>
*
>
*
{
//
border-bottom-width: 0;
border-bottom-width
:
0
;
//
}
}
//
}
}
// /* medium and up screens */
// /* medium and up screens */
// @media (min-width: 768px) {
// @media (min-width: 768px) {
...
...
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