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
4ff0e564
Commit
4ff0e564
authored
Jul 03, 2021
by
한규민
Browse files
login
parent
a2a1e0bd
Changes
4
Hide whitespace changes
Inline
Side-by-side
client/src/App.js
View file @
4ff0e564
...
...
@@ -13,6 +13,7 @@ function App() {
<
Router
>
<
Switch
>
<
Route
exact
path
=
"
/
"
component
=
{
HomePage
}
/
>
<
Route
path
=
"
/login
"
component
=
{
LoginPage
}
/
>
<
/Switch
>
<
/Router
>
);
...
...
client/src/components/Login/Login.js
0 → 100644
View file @
4ff0e564
import
styles
from
"
./login.module.scss
"
;
const
Login
=
()
=>
{
return
(
<
div
className
=
"
login
"
>
<
div
class
=
"
nav-tabs
"
>
<
span
><
a
href
=
"
loginPage.html
"
class
=
"
login
"
>
로그인
<
/a></
span
>
<
span
><
a
>|<
/a></
span
>
<
span
><
a
href
=
"
guestLoginPage.html
"
class
=
"
nomember
"
>
비회원
예매확인
<
/a></
span
>
<
/div
>
<
input
type
=
"
text
"
id
=
"
id
"
name
=
"
id
"
placeholder
=
"
ID
"
><
/input
>
<
input
type
=
"
password
"
name
=
"
password
"
id
=
"
password
"
placeholder
=
"
Password
"
minlength
=
"
8
"
required
><
/input
>
<
input
class
=
"
loginBtn
"
type
=
"
submit
"
value
=
"
Login
"
><
/input
>
<
span
><
a
href
=
"
registerPage
"
class
=
"
intoRegisterPage
"
>
회원이
아니십니까
?
<
/a></
span
>
<
/div
>
)
}
export
default
Login
\ No newline at end of file
client/src/components/Login/login.module.scss
0 → 100644
View file @
4ff0e564
*
{
padding
:
0
;
margin
:
0
;
box-sizing
:
border-box
;
width
:
100%
;
background
:
black
;
}
// .loginPage {
// padding: 20px;
// }
.nav-tabs
a
{
padding
:
0
10px
;
}
.nav-tabs
{
display
:
flex
;
justify-content
:
space-between
;
border
:
none
;
padding
:
12px
0
;
}
.nav-tabs
a
{
text-decoration
:
none
;
color
:
white
;
}
// .loginPage {
// margin: 0 auto;
// padding: 20px;
// width: 300px;
// display: flex;
// flex-direction: column;
// justify-content: center;
// }
input
{
margin
:
5px
0
;
padding
:
5px
5px
;
}
.loginBtn
{
background-color
:
yellow
;
border
:
none
;
font-size
:
15px
;
font-weight
:
bold
;
}
.intoRegisterPage
{
color
:
white
;
}
\ No newline at end of file
client/src/pages/LoginPage.js
View file @
4ff0e564
import
Login
from
"
../components/Login/Login
"
;
const
LoginPage
=
()
=>
{
return
(
<
div
>
<
Login
/>
<
/div
>
)
}
...
...
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