Fakultas Ilmu Komputer UI

Commit 99f4e825 authored by Zamil Majdy's avatar Zamil Majdy
Browse files

[Refactor] [Post-Sprint-2] Tweak some css for better apearance before sprint 3 :)

parent 211336f0
......@@ -193,7 +193,10 @@ card .formRegis{
height: auto !important; /* real browsers */
min-height: 100%; /* real browsers */
background-color: #EEEEEE;
padding-bottom: 20px;
}
.content{
padding-bottom: 5%;
}
.footer{
......@@ -201,7 +204,7 @@ card .formRegis{
position: absolute;
bottom: 0;
width: 100%;
padding: 10px;
padding: 1%;
}
.footer h5{
......
......@@ -13,7 +13,7 @@ export default class Dashboard extends React.Component {
render = () => (
<div>
<TopMenu />
{this.props.children}
<div className="content"> {this.props.children} </div>
<Footer />
</div>
)
......
......@@ -29,6 +29,13 @@ export default class Login extends React.Component {
</div>
<Grid stackable columns={2} relaxed>
<Grid.Column>
<Segment basic>
<LoginForm type="sso-ui" header="SSO Login" imgSrc="UI.png" imgSize="tiny" />
{this.props.children}
</Segment>
</Grid.Column>
<Grid.Column>
<Segment basic>
<LoginForm type="company" header="Company Login" imgSrc="logo.png" imgSize="small" />
......@@ -50,13 +57,6 @@ export default class Login extends React.Component {
</Card>
</div>
</Grid.Column>
<Grid.Column>
<Segment basic>
<LoginForm type="sso-ui" header="SSO Login" imgSrc="UI.png" imgSize="tiny" />
{this.props.children}
</Segment>
</Grid.Column>
</Grid>
<Footer />
</div>
......
......@@ -9,7 +9,6 @@ export default class LoginForm extends React.Component {
static propTypes = {
type: React.PropTypes.string.isRequired,
imgSrc: React.PropTypes.string,
imgSize: React.PropTypes.string,
header: React.PropTypes.string,
};
......@@ -53,7 +52,7 @@ export default class LoginForm extends React.Component {
<Segment.Group>
<Segment>
<Image src={`./assets/img/${this.props.imgSrc}`} size={this.props.imgSize} verticalAlign="middle" /> <span>{ this.props.header }</span>
<Image src={`./assets/img/${this.props.imgSrc}`} verticalAlign="middle" /> <span>{ this.props.header }</span>
</Segment>
<Segment inverted className="header" >
......
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment