mirrors/shlink-web-client
1
0
Fork 0
mirror of https://github.com/shlinkio/shlink-web-client.git synced 2024-12-23 01:20:24 +03:00
Code Issues Projects Releases Packages Wiki Activity

Reformated code to use 2-space indents

Browse source
This commit is contained in:
Alejandro Celaya 2018-06-03 12:57:03 +02:00
parent 07049261e3
commit 39a78414eb
5 changed files with 78 additions and 78 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

22
src/App.js
View file

@ -3,15 +3,15 @@ import './App.scss';
import MainHeader from './common/MainHeader';
export default class App extends React.Component {
render() {
return (
<div>
<MainHeader/>
<div className="app">
<h1 className="app__title">Welcome to Shlink</h1>
<h5 className="App__intro">Please, select a server.</h5>
</div>
</div>
);
}
render() {
return (
<div>
<MainHeader/>
<div className="app">
<h1 className="app__title">Welcome to Shlink</h1>
<h5 className="App__intro">Please, select a server.</h5>
</div>
</div>
);
}
}

14
src/App.scss
View file

@ -1,12 +1,12 @@
.app {
text-align: center;
height: 100vh;
display: flex;
align-items: center;
justify-content: center;
flex-flow: column;
text-align: center;
height: 100vh;
display: flex;
align-items: center;
justify-content: center;
flex-flow: column;
}
.app__title {
font-size: 36px;
font-size: 36px;
}

104
src/common/MainHeader.js
View file

@ -2,65 +2,65 @@ import plusIcon from '@fortawesome/fontawesome-free-solid/faPlus';
import FontAwesomeIcon from '@fortawesome/react-fontawesome';
import React from 'react';
import {
Collapse, DropdownItem, DropdownMenu,
DropdownToggle,
Nav,
Navbar,
NavbarBrand,
NavbarToggler,
NavItem,
NavLink,
UncontrolledDropdown
Collapse, DropdownItem, DropdownMenu,
DropdownToggle,
Nav,
Navbar,
NavbarBrand,
NavbarToggler,
NavItem,
NavLink,
UncontrolledDropdown
} from 'reactstrap';
import './MainHeader.scss';
import shlinkLogo from './shlink-logo-white.png';
export default class MainHeader extends React.Component {
constructor(props) {
super(props);
constructor(props) {
super(props);
this.state = {
isOpen: false
};
}
this.state = {
isOpen: false
};
}
toggle() {
this.setState({
isOpen: ! this.state.isOpen
});
}
toggle() {
this.setState({
isOpen: !this.state.isOpen
});
}
render() {
return (
<Navbar color="primary" dark fixed="top" className="main-header" expand="md">
<NavbarBrand href="https://shlink.io" target="_blank">
<img src={shlinkLogo} alt="Shlink" className="main-header__brand-logo"/> Shlink
</NavbarBrand>
<NavbarToggler onClick={() => this.toggle()} />
<Collapse navbar isOpen={this.state.isOpen}>
<Nav navbar className="ml-auto">
<NavItem>
<NavLink href="#">
<FontAwesomeIcon icon={plusIcon} />&nbsp; Add server
</NavLink>
</NavItem>
<UncontrolledDropdown nav>
<DropdownToggle nav caret>
Servers
</DropdownToggle>
render() {
return (
<Navbar color="primary" dark fixed="top" className="main-header" expand="md">
<NavbarBrand href="https://shlink.io" target="_blank">
<img src={shlinkLogo} alt="Shlink" className="main-header__brand-logo"/> Shlink
</NavbarBrand>
<NavbarToggler onClick={() => this.toggle()}/>
<Collapse navbar isOpen={this.state.isOpen}>
<Nav navbar className="ml-auto">
<NavItem>
<NavLink href="#">
<FontAwesomeIcon icon={plusIcon}/>&nbsp; Add server
</NavLink>
</NavItem>
<UncontrolledDropdown nav>
<DropdownToggle nav caret>
Servers
</DropdownToggle>
<DropdownMenu>
<DropdownItem>
Server 1
</DropdownItem>
<DropdownItem>
Server 2
</DropdownItem>
</DropdownMenu>
</UncontrolledDropdown>
</Nav>
</Collapse>
</Navbar>
);
}
<DropdownMenu>
<DropdownItem>
Server 1
</DropdownItem>
<DropdownItem>
Server 2
</DropdownItem>
</DropdownMenu>
</UncontrolledDropdown>
</Nav>
</Collapse>
</Navbar>
);
}
}

14
src/common/MainHeader.scss
View file

@ -1,15 +1,15 @@
@import "../utils/base";
.main-header.main-header {
background-color: $mainColor !important;
color: white;
background-color: $mainColor !important;
color: white;
.navbar-brand {
color: inherit !important;
}
.navbar-brand {
color: inherit !important;
}
}
.main-header__brand-logo {
width: 26px;
margin-right: 5px;
width: 26px;
margin-right: 5px;
}

2
src/index.scss
View file

@ -1,3 +1,3 @@
* {
outline: none !important;
outline: none !important;
}