overflow_backup_2018_0455/overflow_app
4
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

layout

Browse Source
This commit is contained in:
sunny 2017-07-26 16:03:29 +09:00
parent 763db4283f
commit ddaadb9a3b
6 changed files with 112 additions and 135 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
public/asset/image/overFlow_CI_blue_180.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.1 KiB

2
public/index.html
View File

@ -16,7 +16,7 @@
</head> </head>
<body> <body>
<div id="appContainer"></div> <div id="appContainer" class="fullHeight"></div>
</body> </body>
</html> </html>

2
src/ts/@overflow/app/views/layout/LogoBar.tsx
View File

@ -28,7 +28,7 @@ export class LogoBar extends React.Component<any, any> {
<Container fluid style={{ background: '#f8f8f8', 'paddingRight': '7px' }}> <Container fluid style={{ background: '#f8f8f8', 'paddingRight': '7px' }}>
<Menu borderless secondary > <Menu borderless secondary >
<Menu.Item name='logo'> <Menu.Item name='logo'>
{/* <Image src='https://lh3.googleusercontent.com/EaEViB7RYr3Rhhez8zY0TYsNsS5Rv2i63kyiQ5ym0rhQh38KRXBh7BDFo4mjDTDU_Hm6FAVg35247ZM1wE6cO-TuBP4wxYW2SG4hYoojqkUomu587xg3t50VGUSceK17-LUZhM-5XoCsXUXBHtfXVMqMZ2rUb23tgm7Kuv7eTgZZz0o9_dB0lApoi57EBVBNX8_qIDSH3YmGfvqhnKeh5AYnnBG_QXlTg1JExwtMehCe8KgXs4-vLuVicPCCuJ2AXSoWFpVXL9TVhrrMOkeuGd-6PGAFiNxeTG6NylQKwbQikx3Mx7KmGq3iSc8mqp0AmwjptG2DtS7nqwNaAZAi1DtraHYgJcE_tfpEgnZfFSWmVYQYcUe98pfZR11OfJErdJxE3w-mL1b4MoyufB0VkSlFM1BpMlfP3OsnnDIdNAXthT6MuLtI2iLv_CNeoDKi3fdH-zIcSmoArgAFrAo0-9oYUfvQDdaC_8MMddc97b_L78fzFOPRGIf52Ajr-Ia6sjdyDFdJ46-wPKfMW8XHnFfA96NsIcA-HYRZ7GTteJOzVq6HEabwnurZdTxdmCjzGHcb7OEu00DkVMhM6WbWZ0L8HWpIk92sy-sKbprHe-9oh_9WaxJzPrlG=w180-h30-no' {/*<Image src='../asset/image/overFlow_CI_blue_180.png'
style={{width:'120px'}} onClick={this.handleLogoClick} /> */} style={{width:'120px'}} onClick={this.handleLogoClick} /> */}
</Menu.Item> </Menu.Item>
<Popup trigger={<Menu.Item <Popup trigger={<Menu.Item

10
src/ts/@overflow/member/react/components/PWChange.tsx
View File

@ -37,11 +37,8 @@ export class PWChange extends React.Component<Props, State> {
public render(): JSX.Element { public render(): JSX.Element {
return ( return (
<Container fluid> <Container fluid>
<Grid> <Grid centered verticalAlign='middle'>
<Grid.Row> <Grid.Column mobile={16} tablet={6} computer={5}>
<Grid.Column mobile={16} tablet={5} computer={5}>
</Grid.Column>
<Grid.Column mobile={16} tablet={6} computer={6}>
<Form> <Form>
<Form.Input placeholder='Password' type='password' onChange={ <Form.Input placeholder='Password' type='password' onChange={
(event: React.SyntheticEvent<HTMLInputElement>, data: InputOnChangeData) => { (event: React.SyntheticEvent<HTMLInputElement>, data: InputOnChangeData) => {
@ -57,9 +54,6 @@ export class PWChange extends React.Component<Props, State> {
</Form.Group> </Form.Group>
</Form> </Form>
</Grid.Column> </Grid.Column>
<Grid.Column mobile={16} tablet={4} computer={5}>
</Grid.Column>
</Grid.Row>
</Grid> </Grid>
</Container> </Container>
); );

25
src/ts/@overflow/member/react/components/SignIn.tsx
View File

@ -50,12 +50,8 @@ export class SignIn extends React.Component<Props, State> {
public render(): JSX.Element { public render(): JSX.Element {
return ( return (
<Container fluid> <Grid textAlign='center' className='fullHeight' verticalAlign='middle'>
<Grid> <Grid.Column mobile={16} tablet={6} computer={5}>
<Grid.Row>
<Grid.Column mobile={16} tablet={5} computer={5}>
</Grid.Column>
<Grid.Column mobile={16} tablet={6} computer={6}>
<Form> <Form>
<Form.Input fluid placeholder='Email' onChange={ <Form.Input fluid placeholder='Email' onChange={
(event: React.SyntheticEvent<HTMLInputElement>, data: InputOnChangeData) => { (event: React.SyntheticEvent<HTMLInputElement>, data: InputOnChangeData) => {
@ -73,24 +69,15 @@ export class SignIn extends React.Component<Props, State> {
<Button fluid style={{margin:'7'}} href='/#/test2'> Sign Up </Button> <Button fluid style={{margin:'7'}} href='/#/test2'> Sign Up </Button>
</Form.Group> </Form.Group>
</Form> </Form>
</Grid.Column>
<Grid.Column mobile={16} tablet={4} computer={5}>
</Grid.Column>
</Grid.Row>
</Grid>
<Modal size='small' open={this.state.forgotPopup} onClose={this.PopupClose}> <Modal size='small' open={this.state.forgotPopup} onClose={this.PopupClose}>
<Modal.Header>Change your password</Modal.Header> <Modal.Header>Change your password</Modal.Header>
<Modal.Content > <Modal.Content >
Enter email address Enter email address
<Grid> <Grid centered>
<Grid.Column mobile={16} tablet={3} computer={4}> <Grid.Column mobile={14} tablet={8} computer={6}>
</Grid.Column>
<Grid.Column mobile={16} tablet={10} computer={8}>
<Input fluid placeholder='Email' /> <Input fluid placeholder='Email' />
</Grid.Column> </Grid.Column>
<Grid.Column mobile={16} tablet={3} computer={4}>
</Grid.Column>
</Grid> </Grid>
</Modal.Content> </Modal.Content>
<Modal.Actions> <Modal.Actions>
@ -111,7 +98,9 @@ export class SignIn extends React.Component<Props, State> {
<Button primary onClick={this.PopupClose}> Ok </Button> <Button primary onClick={this.PopupClose}> Ok </Button>
</Modal.Actions> </Modal.Actions>
</Modal> </Modal>
</Container>
</Grid.Column>
</Grid>
); );
} }

10
src/ts/@overflow/member/react/components/SignUp.tsx
View File

@ -58,11 +58,8 @@ export class SignUp extends React.Component<Props, State> {
public render(): JSX.Element { public render(): JSX.Element {
return ( return (
<Container fluid> <Container fluid>
<Grid> <Grid centered verticalAlign='middle'>
<Grid.Row> <Grid.Column mobile={16} tablet={6} computer={5}>
<Grid.Column mobile={16} tablet={5} computer={5}>
</Grid.Column>
<Grid.Column mobile={16} tablet={6} computer={6}>
<Form> <Form>
<Form.Input fluid value={this.state.email} placeholder='Email' onChange={ <Form.Input fluid value={this.state.email} placeholder='Email' onChange={
(event: React.SyntheticEvent<HTMLInputElement>, data: InputOnChangeData) => { (event: React.SyntheticEvent<HTMLInputElement>, data: InputOnChangeData) => {
@ -104,9 +101,6 @@ export class SignUp extends React.Component<Props, State> {
</Form.Group> </Form.Group>
</Form> </Form>
</Grid.Column> </Grid.Column>
<Grid.Column mobile={16} tablet={4} computer={5}>
</Grid.Column>
</Grid.Row>
</Grid> </Grid>
</Container> </Container>