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
e12a8d6b
Commit
e12a8d6b
authored
Oct 08, 2021
by
Kim, Subin
Browse files
Menu style 및 collapse 기능 완료
parent
0a19f881
Changes
4
Hide whitespace changes
Inline
Side-by-side
client/src/App.js
View file @
e12a8d6b
...
...
@@ -11,7 +11,7 @@ import ErrorPage from "./pages/ErrorPage";
function
App
()
{
return
(
<
Router
basename
=
{
process
.
env
.
PUBLIC_URL
}
>
<
div
id
=
"
box
"
className
=
"
container mx-sm-auto
"
>
<
div
id
=
"
box
"
className
=
"
container
position-relative vh-100
mx-sm-auto
"
>
<
Switch
>
<
Route
exact
path
=
"
/
"
component
=
{
LoginPage
}
/
>
<
Route
path
=
"
/login
"
component
=
{
LoginPage
}
/
>
...
...
client/src/components/Menu/Menu.js
View file @
e12a8d6b
import
styles
from
"
./menu.module.scss
"
;
const
Menu
=
()
=>
{
return
(
<><
/
>
<>
<
button
className
=
"
btn btn-crimson shadow-none mt-2
"
type
=
"
button
"
data
-
bs
-
toggle
=
"
collapse
"
data
-
bs
-
target
=
"
#menuContent
"
aria
-
controls
=
"
menuContent
"
aria
-
expanded
=
"
false
"
aria
-
label
=
"
menu
"
>
<
i
className
=
"
bi bi-list fs-4
"
><
/i
>
<
/button
>
<
div
className
=
{
`collapse collapse-horizontal position-absolute top-0 start-0 h-100
${
styles
.
content
}
`
}
id
=
"
menuContent
"
>
<
button
type
=
"
button
"
className
=
{
`btn-close btn-close-white btn-lg position-absolute
${
styles
.
close
}
`
}
data
-
bs
-
toggle
=
"
collapse
"
data
-
bs
-
target
=
"
#menuContent
"
aria
-
controls
=
"
menuContent
"
aria
-
expanded
=
"
true
"
aria
-
label
=
"
menu
"
><
/button
>
<
/div
>
<
/
>
)
}
...
...
client/src/components/Menu/menu.module.scss
0 → 100644
View file @
e12a8d6b
.content
{
background-color
:
#343a40
;
z-index
:
1
;
&
.close
{
top
:
10px
;
right
:
10px
;
}
}
\ No newline at end of file
client/src/pages/HomePage.js
View file @
e12a8d6b
import
Menu
from
"
../components/Menu/Menu.js
"
;
const
HomePage
=
()
=>
{
return
(
<
><
/
>
<
Menu
/>
)
}
...
...
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