From ddaadb9a3b5b3d57c5d0fbb0b62032ef544de204 Mon Sep 17 00:00:00 2001 From: sunny Date: Wed, 26 Jul 2017 16:03:29 +0900 Subject: [PATCH] layout --- public/asset/image/overFlow_CI_blue_180.png | Bin 0 -> 4150 bytes public/index.html | 2 +- src/ts/@overflow/app/views/layout/LogoBar.tsx | 4 +- .../member/react/components/PWChange.tsx | 40 +++---- .../member/react/components/SignIn.tsx | 109 ++++++++---------- .../member/react/components/SignUp.tsx | 92 +++++++-------- 6 files changed, 112 insertions(+), 135 deletions(-) create mode 100644 public/asset/image/overFlow_CI_blue_180.png diff --git a/public/asset/image/overFlow_CI_blue_180.png b/public/asset/image/overFlow_CI_blue_180.png new file mode 100644 index 0000000000000000000000000000000000000000..98833b772a8b4547c24065ab1ce40244789e4ab0 GIT binary patch literal 4150 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 -
+
\ No newline at end of file diff --git a/src/ts/@overflow/app/views/layout/LogoBar.tsx b/src/ts/@overflow/app/views/layout/LogoBar.tsx index acb3e38..5a5ad68 100644 --- a/src/ts/@overflow/app/views/layout/LogoBar.tsx +++ b/src/ts/@overflow/app/views/layout/LogoBar.tsx @@ -28,8 +28,8 @@ export class LogoBar extends React.Component { - {/* */} + {/* */} { public render(): JSX.Element { return ( - - - - - -
- , data: InputOnChangeData) => { - this.setState({ pass: data.value }); - }} /> - , data: InputOnChangeData) => { - this.setState({ passCon: data.value }); - }} /> - - - - - -
- - - + + +
+ , data: InputOnChangeData) => { + this.setState({ pass: data.value }); + }} /> + , data: InputOnChangeData) => { + this.setState({ passCon: data.value }); + }} /> + + + + + +
); diff --git a/src/ts/@overflow/member/react/components/SignIn.tsx b/src/ts/@overflow/member/react/components/SignIn.tsx index 0523e18..b436ee1 100644 --- a/src/ts/@overflow/member/react/components/SignIn.tsx +++ b/src/ts/@overflow/member/react/components/SignIn.tsx @@ -50,68 +50,57 @@ export class SignIn extends React.Component { public render(): JSX.Element { return ( - - - - - - -
- , data: InputOnChangeData) => { - this.setState({ email: data.value }); - }} /> - , data: InputOnChangeData) => { - this.setState({ pass: data.value }); - }} /> - - - - - - -
- - - - + + +
+ , data: InputOnChangeData) => { + this.setState({ email: data.value }); + }} /> + , data: InputOnChangeData) => { + this.setState({ pass: data.value }); + }} /> + + + + + + - - Change your password - - Enter email address - - - - - - - - - - - - - - - + + Change your password + + Enter email address + + + + + + + + + + + - - Send Complete - - -
비밀번호 변경이 신청 되었습니다.
-

수신하신 메일의 주소에서 비밀번호 변경을 완료 하시기 바랍니다.

- - - - - - -
+ + Send Complete + + +
비밀번호 변경이 신청 되었습니다.
+

수신하신 메일의 주소에서 비밀번호 변경을 완료 하시기 바랍니다.

+ + + + + + + + + ); } diff --git a/src/ts/@overflow/member/react/components/SignUp.tsx b/src/ts/@overflow/member/react/components/SignUp.tsx index fd97678..c1f9a6c 100644 --- a/src/ts/@overflow/member/react/components/SignUp.tsx +++ b/src/ts/@overflow/member/react/components/SignUp.tsx @@ -58,55 +58,49 @@ export class SignUp extends React.Component { public render(): JSX.Element { return ( - - - - - -
- , data: InputOnChangeData) => { - this.setState({ email: data.value }); - }} /> - , data: InputOnChangeData) => { - this.setState({ name: data.value }); - } - }/> - , data: InputOnChangeData) => { - this.setState({ pass: data.value }); - } - } /> - , data: InputOnChangeData) => { - this.setState({ passCon: data.value }); - } - } /> - , data: InputOnChangeData) => { - this.setState({ company: data.value }); - } - }/> - , data: InputOnChangeData) => { - this.setState({ country: data.value }); - } - } /> - , data: InputOnChangeData) => { - this.setState({ phone: data.value }); - } - } /> - - - - - -
- - - + + +
+ , data: InputOnChangeData) => { + this.setState({ email: data.value }); + }} /> + , data: InputOnChangeData) => { + this.setState({ name: data.value }); + } + }/> + , data: InputOnChangeData) => { + this.setState({ pass: data.value }); + } + } /> + , data: InputOnChangeData) => { + this.setState({ passCon: data.value }); + } + } /> + , data: InputOnChangeData) => { + this.setState({ company: data.value }); + } + }/> + , data: InputOnChangeData) => { + this.setState({ country: data.value }); + } + } /> + , data: InputOnChangeData) => { + this.setState({ phone: data.value }); + } + } /> + + + + + +