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
2e0bfd68
Commit
2e0bfd68
authored
Jul 05, 2021
by
Jiwon Yoon
Browse files
Merge remote-tracking branch 'origin/kimpen'
parents
9fdebb84
319db725
Changes
7
Hide whitespace changes
Inline
Side-by-side
client/src/components/Admin/Admin.js
0 → 100644
View file @
2e0bfd68
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 @
2e0bfd68
@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 @
2e0bfd68
export
{
default
}
from
"
./Admin
"
\ No newline at end of file
client/src/components/Navs/MainNav.js
View file @
2e0bfd68
...
...
@@ -6,7 +6,7 @@ const MainNav = () => {
<
a
class
=
"
nav-link text-white
"
href
=
"
/movie
"
>
영화
<
/a
>
<
a
class
=
"
nav-link text-white
"
href
=
"
#
"
>
빠른예매
<
/a
>
<
a
class
=
"
nav-link text-white
"
href
=
"
#
"
>
극장
<
/a
>
<
Search
/>
<
Search
type
=
"
home
"
/>
<
/nav
>
)
}
...
...
client/src/components/Search/Search.js
View file @
2e0bfd68
import
styles
from
"
./search.module.scss
"
;
const
Search
=
()
=>
{
const
Search
=
({
type
})
=>
{
console
.
log
(
"
type==
"
,
type
)
return
(
<
div
className
=
"
d-flex
"
>
<
input
className
=
"
form-control
"
type
=
"
text
"
id
=
"
search
"
/>
<
i
className
=
"
bi bi-search align-self-center
text-white
"
style
=
{{
fontSize
:
"
1.3rem
"
}}
><
/i
>
<
input
className
=
"
form-control
"
type
=
"
text
"
id
=
{
type
===
"
home
"
?
styles
.
searchWhite
:
styles
.
search
}
/
>
<
i
className
=
{
`
bi bi-search align-self-center
${
type
===
"
home
"
?
"
text-white
"
:
"
mx-1
"
}
${
styles
.
icon
}
`
}
style
=
{{
fontSize
:
"
1.3rem
"
}}
><
/i
>
<
/div
>
)
}
...
...
client/src/components/Search/search.module.scss
View file @
2e0bfd68
input
[
type
=
"text"
]
{
.icon
{
cursor
:
pointer
;
}
#searchWhite
{
background
:
transparent
;
border
:
none
;
border-bottom
:
2px
solid
#fff
;
...
...
@@ -7,16 +11,22 @@ input[type="text"] {
border-radius
:
0
;
color
:
#fff
;
margin-bottom
:
5px
;
}
input
[
type
=
"text"
]
:focus
{
background
:
transparent
;
-webkit-box-shadow
:
none
;
box-shadow
:
none
;
border-color
:
#fff
;
color
:
#fff
;
&
:focus
{
background
:
transparent
;
-webkit-box-shadow
:
none
;
box-shadow
:
none
;
border-color
:
#fff
;
color
:
#fff
;
}
}
i
{
cursor
:
pointer
;
#search
{
box-shadow
:
none
;
-webkit-box-shadow
:
none
;
&
:focus
{
-webkit-box-shadow
:
none
;
box-shadow
:
none
;
border-color
:
#000
;
}
}
\ No newline at end of file
client/src/pages/AdminPage/AdminPage.js
View file @
2e0bfd68
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