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
Today KU
Commits
bbd589f3
Commit
bbd589f3
authored
Oct 14, 2021
by
Kim, Subin
Browse files
ScheduleModal-admin UI 완성
parent
8739cd7d
Changes
4
Hide whitespace changes
Inline
Side-by-side
client/src/components/AdminScheduleItem.js
0 → 100644
View file @
bbd589f3
import
{
Link
}
from
"
react-router-dom
"
;
const
AdminScheduleItem
=
({})
=>
{
return
(
<
div
className
=
"
d-flex mb-5
"
>
<
i
className
=
"
bi bi-check-lg fs-4 col
"
><
/i
>
<
div
className
=
"
col-10
"
>
<
div
className
=
"
d-flex justify-content-between
"
>
<
h3
>
sadsad
<
/h3
>
<
div
className
=
"
fs-5
"
>
<
Link
><
i
className
=
"
bi bi-pencil-square text-dark me-1
"
><
/i></
Link
>
<
i
className
=
"
bi bi-trash
"
><
/i
>
<
/div
>
<
/div
>
<
p
className
=
"
text-start text-secondary
"
>
2020
~
353543135
<
/p
>
<
div
className
=
"
text-start
"
style
=
{{
whiteSpace
:
"
pre-line
"
}}
>
sadsd
<
/div
>
<
/div
>
<
/div
>
)
}
export
default
AdminScheduleItem
\ No newline at end of file
client/src/components/ScheduleModal.js
→
client/src/components/
Modal/
ScheduleModal.js
View file @
bbd589f3
import
Item
from
"
../AdminScheduleItem.js
"
;
import
styles
from
"
./modal.module.scss
"
;
const
ScheduleModal
=
()
=>
{
const
ScheduleModal
=
()
=>
{
return
(
return
(
<
div
className
=
"
modal
"
id
=
"
scheduleModal
"
data
-
bs
-
backdrop
=
"
static
"
data
-
bs
-
keyboard
=
"
false
"
tabindex
=
"
-1
"
aria
-
labelledby
=
"
scheduleModalLabel
"
aria
-
hidden
=
"
true
"
>
<
div
className
=
"
modal
"
id
=
"
scheduleModal
"
data
-
bs
-
backdrop
=
"
static
"
data
-
bs
-
keyboard
=
"
false
"
tabindex
=
"
-1
"
aria
-
labelledby
=
"
scheduleModalLabel
"
aria
-
hidden
=
"
true
"
>
<
div
className
=
"
modal-dialog modal-dialog-centered modal-dialog-scrollable
"
>
<
div
className
=
"
modal-dialog modal-dialog-centered modal-dialog-scrollable
"
>
<
div
className
=
"
modal-content
"
>
<
div
className
=
"
modal-content
"
>
<
div
className
=
"
modal-header
"
>
<
div
className
=
{
`
modal-header
${
styles
.
header
}
`
}
>
<
h5
className
=
"
modal-title
"
id
=
"
scheduleModalLabel
"
>
Modal
title
<
/h5
>
<
h5
className
=
"
modal-title
mx-auto
"
id
=
"
scheduleModalLabel
"
>
Modal
title
<
/h5
>
<
button
type
=
"
button
"
className
=
"
btn-close
"
data
-
bs
-
dismiss
=
"
modal
"
aria
-
label
=
"
Close
"
><
/button
>
<
button
type
=
"
button
"
className
=
{
`btn-close btn-close-white ms-0
${
styles
.
closeBtn
}
`
}
data
-
bs
-
dismiss
=
"
modal
"
aria
-
label
=
"
Close
"
><
/button
>
<
/div
>
<
/div
>
<
div
className
=
"
modal-body
"
>
<
div
className
=
{
`modal-body text-dark
${
styles
.
body
}
`
}
>
...
<
Item
/>
<
p
>
선택한
날짜에
일정이
없습니다
.
<
/p
>
<
/div
>
<
/div
>
<
/div
>
<
/div
>
<
/div
>
<
/div
>
...
...
client/src/components/Modal/modal.module.scss
0 → 100644
View file @
bbd589f3
.header
{
background-color
:
crimson
;
&
.closeBtn
{
font-size
:
1
.2em
;
}
}
.body
{
height
:
350px
}
\ No newline at end of file
client/src/pages/SchedulePage.js
View file @
bbd589f3
import
Menu
from
"
../components/Menu/Menu.js
"
;
import
Menu
from
"
../components/Menu/Menu.js
"
;
import
HomeBtn
from
"
../components/Buttons/HomeBtn.js
"
;
import
HomeBtn
from
"
../components/Buttons/HomeBtn.js
"
;
import
EditBtn
from
"
../components/Buttons/EditBtn.js
"
;
import
EditBtn
from
"
../components/Buttons/EditBtn.js
"
;
import
ScheduleModal
from
"
../components/ScheduleModal.js
"
;
import
ScheduleModal
from
"
../components/
Modal/
ScheduleModal.js
"
;
const
SchedulePage
=
()
=>
{
const
SchedulePage
=
()
=>
{
return
(
return
(
...
@@ -9,7 +9,6 @@ const SchedulePage = () => {
...
@@ -9,7 +9,6 @@ const SchedulePage = () => {
<
Menu
/>
<
Menu
/>
<
HomeBtn
/>
<
HomeBtn
/>
<
button
type
=
"
button
"
className
=
"
btn btn-primary
"
data
-
bs
-
toggle
=
"
modal
"
data
-
bs
-
target
=
"
#scheduleModal
"
>
<
button
type
=
"
button
"
className
=
"
btn btn-primary
"
data
-
bs
-
toggle
=
"
modal
"
data
-
bs
-
target
=
"
#scheduleModal
"
>
Launch
demo
modal
<
ScheduleModal
/>
<
ScheduleModal
/>
<
/button
>
<
/button
>
<
EditBtn
pathname
=
"
schedule/edit
"
/>
<
EditBtn
pathname
=
"
schedule/edit
"
/>
...
...
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