Made the logo link to home
This commit is contained in:
+2
-1
@@ -9,7 +9,8 @@
|
|||||||
"stop": "forever stop server/index.js",
|
"stop": "forever stop server/index.js",
|
||||||
"node": "node server/index.js",
|
"node": "node server/index.js",
|
||||||
"webpack": "webpack --mode=development",
|
"webpack": "webpack --mode=development",
|
||||||
"webpack-production": "webpack --mode=production"
|
"webpack-production": "webpack --mode=production",
|
||||||
|
"update": "git pull && npm run webpack-production && npm restart"
|
||||||
},
|
},
|
||||||
"author": "Kayne Ruse",
|
"author": "Kayne Ruse",
|
||||||
"license": "",
|
"license": "",
|
||||||
|
|||||||
@@ -18,16 +18,20 @@ body {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.banner {
|
.banner {
|
||||||
max-width: 320px;
|
|
||||||
height: auto;
|
|
||||||
margin-left: auto;
|
margin-left: auto;
|
||||||
margin-right: auto;
|
margin-right: auto;
|
||||||
margin-top: .5em;
|
margin-top: .5em;
|
||||||
margin-bottom: 2em;
|
margin-bottom: 2em;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.banner img {
|
||||||
|
max-width: 320px;
|
||||||
|
height: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
@media screen and (max-width: 480px) {
|
@media screen and (max-width: 480px) {
|
||||||
.banner {
|
.banner img {
|
||||||
max-width: 80%;
|
max-width: 80%;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -54,7 +54,7 @@ export default class App extends React.Component {
|
|||||||
render() {
|
render() {
|
||||||
return (
|
return (
|
||||||
<div className = 'central'>
|
<div className = 'central'>
|
||||||
<img className='banner' src={'/img/flag_scaled.png'} />
|
<a className='banner' href='/'><img src={'/img/flag_scaled.png'} /></a>
|
||||||
<BrowserRouter>
|
<BrowserRouter>
|
||||||
{ GA.init() && <GA.RouteTracker /> }
|
{ GA.init() && <GA.RouteTracker /> }
|
||||||
<Switch>
|
<Switch>
|
||||||
|
|||||||
@@ -28,7 +28,6 @@ class CommonLinks extends React.Component {
|
|||||||
if (this.props.loggedIn) {
|
if (this.props.loggedIn) {
|
||||||
return (
|
return (
|
||||||
<div className='panel'>
|
<div className='panel'>
|
||||||
<p><Link to='/' onClick={this.props.onClickHome}>Return Home</Link></p>
|
|
||||||
<p><Link to='/profile' onClick={this.props.onClickProfile}>Your Kingdom</Link></p>
|
<p><Link to='/profile' onClick={this.props.onClickProfile}>Your Kingdom</Link></p>
|
||||||
<p><Link to='/equipment' onClick={this.props.onClickCombatLog}>Your Equipment</Link></p>
|
<p><Link to='/equipment' onClick={this.props.onClickCombatLog}>Your Equipment</Link></p>
|
||||||
<p><Link to='/ladder' onClick={this.props.onClickLadder}>Game Ladder</Link></p>
|
<p><Link to='/ladder' onClick={this.props.onClickLadder}>Game Ladder</Link></p>
|
||||||
@@ -45,7 +44,6 @@ class CommonLinks extends React.Component {
|
|||||||
} else { //if not logged in
|
} else { //if not logged in
|
||||||
return (
|
return (
|
||||||
<div className='panel'>
|
<div className='panel'>
|
||||||
<p><Link to='/' onClick={this.props.onClickHome}>Return Home</Link></p>
|
|
||||||
<p><Link to='/signup' onClick={this.props.onClickSignup}>Sign Up</Link></p>
|
<p><Link to='/signup' onClick={this.props.onClickSignup}>Sign Up</Link></p>
|
||||||
<p><Link to='/login' onClick={this.props.onClickLogin}>Login</Link></p>
|
<p><Link to='/login' onClick={this.props.onClickLogin}>Login</Link></p>
|
||||||
<p><Link to='/passwordrecover' onClick={this.props.onClickPasswordRecover}>Recover Password</Link></p>
|
<p><Link to='/passwordrecover' onClick={this.props.onClickPasswordRecover}>Recover Password</Link></p>
|
||||||
|
|||||||
Reference in New Issue
Block a user