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
f31da379
Commit
f31da379
authored
Oct 14, 2021
by
Kim, Subin
Browse files
Schedule accordion 수정 중
parent
898f2334
Changes
4
Hide whitespace changes
Inline
Side-by-side
client/src/components/Schedule/ScheduleItem.js
0 → 100644
View file @
f31da379
import
{
Link
}
from
"
react-router-dom
"
;
import
styles
from
"
./schedule.module.scss
"
;
const
ScheduleItem
=
()
=>
{
return
(
<
div
className
=
"
accordion-item border-bottom-0
"
>
<
button
className
=
{
`d-flex flex-column align-items-start accordion-button collapsed bg-white shadow-none px-0
${
styles
.
activeBtn
}
`
}
type
=
"
button
"
data
-
bs
-
toggle
=
"
collapse
"
data
-
bs
-
target
=
"
#flush-collapseOne
"
aria
-
expanded
=
"
false
"
aria
-
controls
=
"
flush-collapseOne
"
>
<
h5
className
=
{
`accordion-header
${
styles
.
title
}
`
}
id
=
"
flush-headingOne
"
>
Accordion
Item
#
1
sadsadsadasdsadsadasasadsad
<
/h5
>
<
p
className
=
"
text-secondary mb-0
"
>
sadsadsdsadsadsaf
<
/p
>
<
/button
>
<
div
id
=
"
flush-collapseOne
"
className
=
"
accordion-collapse collapse
"
aria
-
labelledby
=
"
flush-headingOne
"
data
-
bs
-
parent
=
"
#scheduleList
"
>
<
div
className
=
{
`accordion-body text-break px-0 pt-2
${
styles
.
textBox
}
`
}
>
<
div
className
=
"
d-flex align-items-start
"
>
<
i
className
=
"
col bi bi-geo-alt fs-5
"
><
/i
>
<
div
className
=
"
col-11
"
>
sadsadsadsa
<
/div
>
<
/div
>
dlkasjflsajflasjflsakfjlsajflalsafjsask
<
br
/>
fjlakdjflajflaksjlksajdlksajdslkafjlsakflksjflasjflksjslakjflsakjflsajflsakjlasjflksajlfsja
<
div
className
=
"
d-flex justify-content-end mt-2
"
>
<
Link
className
=
"
btn btn-white btn-sm border-dark
"
to
=
"
/schedule/edit
"
>
수정
<
/Link
>
<
button
type
=
"
button
"
className
=
"
btn btn-crimson btn-sm ms-2
"
>
삭제
<
/button
>
<
/div
>
<
/div
>
<
/div
>
<
/div
>
)
}
export
default
ScheduleItem
\ No newline at end of file
client/src/components/Schedule/ScheduleList.js
0 → 100644
View file @
f31da379
import
Item
from
"
./ScheduleItem.js
"
;
const
ScheduleList
=
()
=>
{
return
(
<
div
className
=
"
accordion accordion-flush
"
id
=
"
scheduleList
"
>
<
Item
/>
<
/div
>
)
}
export
default
ScheduleList
\ No newline at end of file
client/src/components/Schedule/schedule.module.scss
0 → 100644
View file @
f31da379
.activeBtn
{
&
:focus
{
border-color
:
black
;
}
// 펼쳐졌을 때
&
:not
(
.collapsed
)
{
color
:
black
;
border-bottom
:
1px
solid
#000000
;
white-space
:
normal
;
&
p
{
&
::after
{
content
:
"adsadsadsa"
;
}
}
}
// 숨겨졌을 때
&
[
class
~=
"collapsed"
]
{
border-bottom
:
0
;
white-space
:
nowrap
;
overflow
:
hidden
;
text-overflow
:
ellipsis
;
}
&
::after
{
display
:
none
;
}
}
.textBox
{
white-space
:
pre-line
;
}
\ No newline at end of file
client/src/pages/SchedulePage.js
View file @
f31da379
...
...
@@ -2,6 +2,7 @@ import Menu from "../components/Menu/Menu.js";
import
HomeBtn
from
"
../components/Buttons/HomeBtn.js
"
;
import
EditBtn
from
"
../components/Buttons/EditBtn.js
"
;
import
ScheduleModal
from
"
../components/Modal/ScheduleModal.js
"
;
import
ScheduleList
from
"
../components//Schedule/ScheduleList.js
"
;
const
SchedulePage
=
()
=>
{
return
(
...
...
@@ -11,6 +12,7 @@ const SchedulePage = () => {
<
button
type
=
"
button
"
className
=
"
btn btn-primary
"
data
-
bs
-
toggle
=
"
modal
"
data
-
bs
-
target
=
"
#scheduleModal
"
>
<
ScheduleModal
/>
<
/button
>
<
ScheduleList
/>
<
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