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
butter-studio
Commits
36b97dd4
Commit
36b97dd4
authored
Jul 05, 2021
by
Kim, Subin
Browse files
AdminPage 기본 골격
parent
9ebe8d7e
Changes
4
Hide whitespace changes
Inline
Side-by-side
client/src/components/Admin/Admin.js
0 → 100644
View file @
36b97dd4
import
{
Link
,
Route
,
Switch
,
useRouteMatch
}
from
"
react-router-dom
"
;
import
styles
from
"
./admin.module.scss
"
const
Admin
=
()
=>
{
const
match
=
useRouteMatch
()
return
(
<
div
className
=
{
`d-md-flex align-items-md-start
${
styles
.
box
}
`
}
>
<
nav
className
=
{
`col-md-3 col-lg-2 nav flex-md-column flex-row
${
styles
.
navbar
}
`
}
id
=
"
v-pills-tab
"
role
=
"
tablist
"
aria
-
orientation
=
"
vertical
"
>
<
li
className
=
"
nav-item
"
>
<
Link
to
=
{
`
${
match
.
url
}
/movie`
}
className
=
"
nav-link text-center text-dark active
"
>
영화
관리
<
/Link
>
<
/li
>
<
li
className
=
"
nav-item
"
>
<
Link
to
=
{
`
${
match
.
url
}
/theater`
}
className
=
"
nav-link text-center text-dark
"
>
상영관
관리
<
/Link
>
<
/li
>
<
li
className
=
"
nav-item
"
>
<
Link
to
=
{
`
${
match
.
url
}
/cinema`
}
className
=
"
nav-link text-center text-dark
"
>
영화관
관리
<
/Link
>
<
/li
>
<
/nav
>
<
div
className
=
"
col-md-9 col-lg-10 tab-content
"
id
=
"
v-pills-tabContent
"
>
<
Switch
>
<
Route
path
=
{
`
${
match
.
path
}
/movie`
}
><
/Route
>
<
Route
path
=
{
`
${
match
.
path
}
/theater`
}
><
/Route
>
<
Route
path
=
{
`
${
match
.
path
}
/cinema`
}
><
/Route
>
<
Route
path
=
{
`
${
match
.
path
}
`
}
><
/Route
>
<
/Switch
>
<
/div
>
<
/div
>
)
}
export
default
Admin
\ No newline at end of file
client/src/components/Admin/admin.module.scss
0 → 100644
View file @
36b97dd4
@media
screen
and
(
max-width
:
768px
)
{
.box
{
margin-bottom
:
110px
;
&
.navbar
{
position
:
fixed
;
bottom
:
0
;
left
:
0px
;
width
:
100%
;
justify-content
:
center
;
background-color
:
#fff
;
padding-top
:
5px
;
box-shadow
:
0
-5px
3px
0
#FEDC00
;
z-index
:
10
;
}
}
}
\ No newline at end of file
client/src/components/Admin/index.js
0 → 100644
View file @
36b97dd4
export
{
default
}
from
"
./Admin
"
\ No newline at end of file
client/src/pages/AdminPage/AdminPage.js
View file @
36b97dd4
import
AdminLayout
from
"
./AdminLayout
"
;
import
Admin
from
"
../../components/Admin/Admin
"
;
const
AdminPage
=
()
=>
{
return
(
<
AdminLayout
>
<
Admin
/>
<
/AdminLayout
>
)
}
...
...
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