ntr/mnml
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

stats and other tings

Browse Source
This commit is contained in:
ntr 2019-05-31 16:23:34 +10:00
parent d6a3ca2eb4
commit a074677ed6
4 changed files with 25 additions and 31 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
client/assets/styles/instance.css
View File

@ -264,12 +264,10 @@
.construct-list .stats {
grid-area: stats;
display: grid;
grid-template-rows: 1fr 3fr;
grid-template-columns: 3fr 1fr 3fr;
grid-template-areas:
"dl sl ll"
"st st st";
display: flex;
flex-flow: row;
flex: 1;
justify-content: center;
border-width: 0px;
}
@ -277,19 +275,11 @@
font-size: 75%;
}
.construct-list .stats .icons {
grid-area: st;
display: flex;
flex-flow: row;
flex: 1;
justify-content: center;
}
.icons figure:nth-child(4n) {
.stats figure:nth-child(4n) {
margin: 0 1em;
}
.icons figure {
.stats figure {
flex: 1;
}

9
client/index.html
View File

@ -19,4 +19,13 @@
<body>
</body>
<script src="./index.js"></script>
<script>
// Check that service workers are registered
if ('serviceWorker' in navigator) {
// Use the window load event to keep the page load performant
window.addEventListener('load', () => {
navigator.serviceWorker.register('./service.worker.js');
});
}
</script>
</html>

21
client/src/components/instance.constructs.jsx
View File

@ -183,7 +183,15 @@ function Construct(props) {
const stats = Object.keys(STATS).map(s => {
const stat = STATS[s];
return <figure key={stat.stat} alt={stat.stat} className={stat.stat}>
const info = (s === 'Speed' && 'Speed')
|| (s.includes('Power') && 'Power')
|| (s.includes('Life') && 'Life');
return <figure key={stat.stat}
alt={stat.stat}
className={stat.stat}
onMouseOver={e => hoverInfo(e, info)} >
{shapes[s]()}
<figcaption>{construct[stat.stat].value}</figcaption>
</figure>;
@ -203,20 +211,9 @@ function Construct(props) {
{specs}
</div>
<div className="stats">
<div className="damage-label label">
Power
</div>
<div className="speed-label label">
Speed
</div>
<div className="life-label label">
Life
</div>
<div className="icons">
{stats}
</div>
</div>
</div>
);
}

2
client/src/components/main.jsx
View File

@ -35,8 +35,6 @@ function Main(props) {
return <Instance />;
}
console.warn('nav', nav, instance, game)
if (nav === 'team') return <Team />;
if (nav === 'list') return <List />;