fixed splash art and improved routing

This commit is contained in:
Daniel 2018-01-06 12:50:15 -05:00
parent 0ee9dc4d35
commit 545d4dfbf7
7 changed files with 42 additions and 32 deletions

File diff suppressed because one or more lines are too long

View File

@ -61,11 +61,6 @@ export default class SingleAttack extends React.Component {
{attack.gsx$background}
</div>
<hr />
<div>
<strong>Card Flavor:</strong><br />
{card_data.gsx$flavortext}
</div>
<hr />
<div>
<strong>Details:</strong><br />
{attack.gsx$details}

View File

@ -61,11 +61,6 @@ export default class SingleBattlegear extends React.Component {
{battlegear.gsx$background}
</div>
<hr />
<div>
<strong>Card Flavor:</strong><br />
{card_data.gsx$flavortext}
</div>
<hr />
<div>
<strong>Details:</strong><br />
{battlegear.gsx$details}

View File

@ -0,0 +1,8 @@
import React from 'react';
export function Splash(props) {
let image = props.image;
return (
<div style={{position: 'absolute', top: '0', left: '0', right: '0', bottom: '0', backgroundImage: 'url(\''+image+'\') no-repeat center', backgroundSize: 'cover'}} />
);
}

View File

@ -4,11 +4,6 @@
margin: 0 10px;
}
.creature .splash {
width: 100%;
display: block;
}
/*-------------- Content Formatting --------------*/
/*------------------------------------------------------*/
.shift-txt-tenR {margin-left:10px;}

View File

@ -13,3 +13,16 @@
.icon24 {
height: 24px;
}
.bigger {
font-size: 14px;
}
.splash {
max-width: 100%;
display: block;
}
h1 {
font-size: 16px;
}

View File

@ -51,11 +51,15 @@ const routes = (
<Route path="EnterTheCode" component={EnterTheCode} />
{/* Collection */}
<Route path="collection/*" component={CollectionHome} />
<Route path="collection">
<IndexRoute component={CollectionHome} />
<Route path="*" component={CollectionHome} />
</Route>
{/* Portal */}
<Route path="portal/" component={PortalBase} mapMenuTitle="Portal">
<Route path="portal" component={PortalBase} mapMenuTitle="Portal">
<IndexRoute component={PortalHome} />
<Route path="/" component={PortalHome} />
{/* Attacks */}
<Route path="Attacks" component={Attacks} mapMenuTitle="Attacks">