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
247c9892
Commit
247c9892
authored
Oct 12, 2021
by
Kim, Subin
Browse files
button disabled css 추가
parent
e1b8a170
Changes
2
Hide whitespace changes
Inline
Side-by-side
client/src/components/Buttons/BtnGroup.js
View file @
247c9892
import
{
useHistory
}
from
"
react-router-dom
"
;
import
{
useHistory
}
from
"
react-router-dom
"
;
import
styles
from
"
./buttons.module.scss
"
;
const
BtnGroup
=
()
=>
{
const
BtnGroup
=
()
=>
{
const
history
=
useHistory
();
const
history
=
useHistory
();
...
@@ -6,7 +7,7 @@ const BtnGroup = () => {
...
@@ -6,7 +7,7 @@ const BtnGroup = () => {
return
(
return
(
<
div
className
=
"
d-flex justify-content-around my-4
"
>
<
div
className
=
"
d-flex justify-content-around my-4
"
>
<
button
className
=
"
btn btn-white col-5 shadow-none border-dark
"
type
=
"
button
"
onClick
=
{()
=>
history
.
goBack
()}
>
취소
<
/button
>
<
button
className
=
"
btn btn-white col-5 shadow-none border-dark
"
type
=
"
button
"
onClick
=
{()
=>
history
.
goBack
()}
>
취소
<
/button
>
<
button
className
=
"
btn btn-crimson col-5
"
type
=
"
submit
"
>
등록
<
/button
>
<
button
className
=
{
`
btn btn-crimson col-5
${
styles
.
disabledBtn
}
`
}
type
=
"
submit
"
disabled
>
등록
<
/button
>
<
/div
>
<
/div
>
)
)
}
}
...
...
client/src/components/Buttons/buttons.module.scss
View file @
247c9892
...
@@ -36,4 +36,9 @@
...
@@ -36,4 +36,9 @@
color
:
crimson
;
color
:
crimson
;
}
}
}
}
}
.disabledBtn
:disabled
{
background-color
:
#6c757d
;
border-color
:
#6c757d
;
}
}
\ 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