Skip to content
GitLab
Menu
Projects
Groups
Snippets
Loading...
Help
Help
Support
Community forum
Keyboard shortcuts
?
Submit feedback
Contribute to GitLab
Sign in
Toggle navigation
Menu
Open sidebar
students
Today KU
Commits
ba096590
Commit
ba096590
authored
Oct 31, 2021
by
Choi Ga Young
Browse files
Todo관련 작업중
parent
b12f36aa
Changes
3
Hide whitespace changes
Inline
Side-by-side
client/src/components/Buttons/buttons.module.scss
View file @
ba096590
...
@@ -15,6 +15,7 @@
...
@@ -15,6 +15,7 @@
&
.icon
{
&
.icon
{
color
:
crimson
;
color
:
crimson
;
font-size
:
2
.7em
;
font-size
:
2
.7em
;
}
}
}
}
...
...
client/src/components/Modal/TodoModal.js
0 → 100644
View file @
ba096590
const
TodoModal
=
()
=>
{
return
(
<>
<
div
className
=
"
modal fade
"
id
=
"
staticBackdrop
"
data
-
bs
-
backdrop
=
"
static
"
data
-
bs
-
keyboard
=
"
false
"
tabindex
=
"
-1
"
aria
-
labelledby
=
"
staticBackdropLabel
"
aria
-
hidden
=
"
true
"
>
<
div
className
=
"
modal-dialog modal-dialog-centered
"
>
<
div
className
=
"
modal-content
"
style
=
{{
backgroundColor
:
"
crimson
"
}}
>
<
div
className
=
"
modal-header p-1
"
>
<
h5
className
=
"
modal-title text-white
"
id
=
"
staticBackdropLabel
"
>
To
-
do
<
/h5
>
<
button
type
=
"
button
"
className
=
"
btn-close
"
data
-
bs
-
dismiss
=
"
modal
"
aria
-
label
=
"
Close
"
><
/button
>
<
/div
>
<
div
className
=
"
modal-body
"
style
=
{{
backgroundColor
:
"
white
"
}}
>
<
input
type
=
"
text
"
name
=
"
todoTitle
"
className
=
"
form-control border-top-0 border-end-0 border-start-0
"
style
=
{{
boxShadow
:
"
none
"
,
borderRadius
:
"
0
"
}}
placeholder
=
"
제목
"
/>
<
label
className
=
"
form-label m-2
"
>
날짜
<
/label
>
<
input
type
=
"
date
"
value
=
"
2021-10-12
"
className
=
"
ms-4 mt-4
"
/>
<
/div
>
<
div
className
=
"
modal-footer p-1
"
style
=
{{
backgroundColor
:
"
white
"
}}
>
<
button
type
=
"
button
"
className
=
"
btn btn-secondary btn-sm
"
data
-
bs
-
dismiss
=
"
modal
"
>
취소
<
/button
>
<
button
type
=
"
button
"
className
=
"
btn btn-crimson btn-sm
"
>
확인
<
/button
>
<
/div
>
<
/div
>
<
/div
>
<
/div
>
<
/
>
)
}
export
default
TodoModal
;
client/src/pages/ToDoPage.js
View file @
ba096590
// import { Link } from "react-router-dom";
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
styles
from
"
../components/Buttons/buttons.module.scss
"
;
import
styles
from
"
../components/Form/form.module.scss
"
;
import
TodoModal
from
"
../components/Modal/TodoModal.js
"
;
const
ToDoPage
=
()
=>
{
const
ToDoPage
=
()
=>
{
return
(
return
(
<>
<>
<
Menu
/>
<
Menu
/>
<
HomeBtn
/>
<
HomeBtn
/>
<
h1
>
To
-
do
<
/h1
>
<
h1
className
=
"
text-center
"
>
To
-
do
<
/h1
>
{
/* modal */
}
<
div
>
<
div
>
<
button
type
=
"
button
"
className
=
{
`btn position-absolute
${
styles
.
editBtn
}
`
}
캘린더
자리
data
-
bs
-
toggle
=
"
modal
"
data
-
bs
-
target
=
"
#staticBackdrop
"
>
<
/div
>
<
i
className
=
{
`bi bi-plus-circle
${
styles
.
icon
}
`
}
><
/i
>
<
div
className
=
"
d-flex justify-content-between mt-3
"
>
<
/button
>
<
div
className
=
"
d-flex flex-row
"
>
<
div
className
=
"
modal fade
"
id
=
"
staticBackdrop
"
data
-
bs
-
backdrop
=
"
static
"
data
-
bs
-
keyboard
=
"
false
"
tabindex
=
"
-1
"
aria
-
labelledby
=
"
staticBackdropLabel
"
aria
-
hidden
=
"
true
"
>
<
input
className
=
{
`form-check-input rounded-0 shadow-none mt-1
${
styles
.
checkBox
}
`
}
type
=
"
checkbox
"
/>
<
div
className
=
"
modal-dialog modal-dialog-centered
"
>
<
p
className
=
{
`form-check-label fs-5 ms-3
${
styles
.
title
}
`
}
>
과제03
제출하기
<
/p
>
<
div
className
=
"
modal-content
"
style
=
{{
backgroundColor
:
"
crimson
"
}}
>
<
/div
>
<
div
className
=
"
modal-header p-1
"
>
<
div
>
<
h5
className
=
"
modal-title text-white
"
id
=
"
staticBackdropLabel
"
>
To
-
do
<
/h5
>
<
i
class
=
"
bi bi-arrow-right pe-2 fs-5
"
><
/i
>
<
button
type
=
"
button
"
className
=
"
btn-close
"
data
-
bs
-
dismiss
=
"
modal
"
aria
-
label
=
"
Close
"
><
/button
>
<
i
className
=
"
bi bi-pencil-square pe-2 fs-5
"
data
-
bs
-
toggle
=
"
modal
"
data
-
bs
-
target
=
"
#staticBackdrop
"
><
TodoModal
/><
/i
>
<
/div
>
<
i
className
=
"
bi bi-trash fs-5
"
><
/i
>
<
div
className
=
"
modal-body
"
style
=
{{
backgroundColor
:
"
white
"
}}
>
<
input
type
=
"
text
"
name
=
"
todoTitle
"
className
=
"
form-control border-top-0 border-end-0 border-start-0
"
style
=
{{
boxShadow
:
"
none
"
,
borderRadius
:
"
0
"
}}
placeholder
=
"
제목
"
/>
<
label
className
=
"
form-label m-2
"
>
날짜
<
/label
>
<
input
type
=
"
date
"
value
=
"
2021-10-12
"
className
=
"
ms-4 mt-4
"
/>
<
/div
>
<
div
className
=
"
modal-footer p-1
"
style
=
{{
backgroundColor
:
"
white
"
}}
>
<
button
type
=
"
button
"
className
=
"
btn btn-secondary btn-sm
"
data
-
bs
-
dismiss
=
"
modal
"
>
취소
<
/button
>
<
button
type
=
"
button
"
className
=
"
btn btn-crimson btn-sm
"
>
확인
<
/button
>
<
/div
>
<
/div
>
<
/div
>
<
/div
>
<
/div
>
<
/div
>
<
/div
>
<
button
type
=
"
button
"
className
=
{
`btn position-absolute bottom-0 start-0 justify-content-end d-flex justify-content-end w-100 bg-white
${
styles
.
editBtn
}
`
}
style
=
{{
boxShadow
:
"
none
"
}}
data
-
bs
-
toggle
=
"
modal
"
data
-
bs
-
target
=
"
#staticBackdrop
"
>
<
i
className
=
{
`bi bi-plus-circle
${
styles
.
icon
}
`
}
><
/i
>
<
TodoModal
/>
<
/button
>
<
/
>
<
/
>
)
)
...
...
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