sigonasr2/ngsplanner
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Remove table warnings

Browse Source
This commit is contained in:
Joshua Sigona 2021-08-10 18:44:29 +09:00
parent a7072b3fd9
commit 26ed0359fb
1 changed files with 128 additions and 122 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
src/TestPanel.js
View File

@ -213,13 +213,14 @@ useEffect(()=>{
<h1>Basic Information</h1></div> <h1>Basic Information</h1></div>
<table className="basicInfoTable"> <table className="basicInfoTable">
<tbody>
<tr> <tr>
<td>Author</td> <td>Author</td>
<td colspan="2"><EditBoxInput setData={setauthor} data={author}/></td> <td colSpan="2"><EditBoxInput setData={setauthor} data={author}/></td>
</tr> </tr>
<tr> <tr>
<td>Build Name</td> <td>Build Name</td>
<td colspan="2"><EditBoxInput setData={setbuildName} data={buildName}/></td> <td colSpan="2"><EditBoxInput setData={setbuildName} data={buildName}/></td>
</tr> </tr>
<tr> <tr>
<td onClick={()=>{setClassSelectWindowOpen(true)}} >Class</td> <td onClick={()=>{setClassSelectWindowOpen(true)}} >Class</td>
@ -239,6 +240,7 @@ useEffect(()=>{
<EditBoxInput prefix="Lv." setData={setsecondaryLevel} data={secondaryLevel} type="number"/> <EditBoxInput prefix="Lv." setData={setsecondaryLevel} data={secondaryLevel} type="number"/>
</td> </td>
</tr> </tr>
</tbody>
</table> </table>
</div> </div>
<div className="box"> <div className="box">
@ -323,30 +325,31 @@ useEffect(()=>{
<div className="boxTitleBar"> <div className="boxTitleBar">
<h1>Basic Stats</h1></div> <h1>Basic Stats</h1></div>
<table className="statsInfo"> <table className="statsInfo">
<tbody>
<tr> <tr>
<td>Battle Power</td> <td>Battle Power</td>
<td>{p.bp}</td> <td>{p.bp}</td>
<td colspan="2"><div className="barGraph"><span className="barOverlay" style={{background:"linear-gradient(90deg,transparent 0% "+((p.bp/bpGraphMax)*100)+"%,black "+((p.bp/bpGraphMax)*100)+"%)"}}>&nbsp;</span></div></td> <td colSpan="2"><div className="barGraph"><span className="barOverlay" style={{background:"linear-gradient(90deg,transparent 0% "+((p.bp/bpGraphMax)*100)+"%,black "+((p.bp/bpGraphMax)*100)+"%)"}}>&nbsp;</span></div></td>
</tr> </tr>
<tr> <tr>
<td>HP</td> <td>HP</td>
<td>{p.hp}</td> <td>{p.hp}</td>
<td colspan="2"><div className="barGraph"><span className="barOverlay" style={{background:"linear-gradient(90deg,transparent 0% "+((p.hp/hpGraphMax)*100)+"%,black "+((p.hp/hpGraphMax)*100)+"%)"}}>&nbsp;</span></div></td> <td colSpan="2"><div className="barGraph"><span className="barOverlay" style={{background:"linear-gradient(90deg,transparent 0% "+((p.hp/hpGraphMax)*100)+"%,black "+((p.hp/hpGraphMax)*100)+"%)"}}>&nbsp;</span></div></td>
</tr> </tr>
<tr> <tr>
<td>PP</td> <td>PP</td>
<td>{p.pp}</td> <td>{p.pp}</td>
<td colspan="2"><div className="barGraph"><span className="barOverlay" style={{background:"linear-gradient(90deg,transparent 0% "+((p.pp/ppGraphMax)*100)+"%,black "+((p.pp/ppGraphMax)*100)+"%)"}}>&nbsp;</span></div></td> <td colSpan="2"><div className="barGraph"><span className="barOverlay" style={{background:"linear-gradient(90deg,transparent 0% "+((p.pp/ppGraphMax)*100)+"%,black "+((p.pp/ppGraphMax)*100)+"%)"}}>&nbsp;</span></div></td>
</tr> </tr>
<tr> <tr>
<td>Attack</td> <td>Attack</td>
<td>{p.statDisplayAtk}</td> <td>{p.statDisplayAtk}</td>
<td colspan="2"><div className="barGraph"><span className="barOverlay" style={{background:"linear-gradient(90deg,transparent 0% "+((p.statDisplayAtk/atkGraphMax)*100)+"%,black "+((p.statDisplayAtk/atkGraphMax)*100)+"%)"}}>&nbsp;</span></div></td> <td colSpan="2"><div className="barGraph"><span className="barOverlay" style={{background:"linear-gradient(90deg,transparent 0% "+((p.statDisplayAtk/atkGraphMax)*100)+"%,black "+((p.statDisplayAtk/atkGraphMax)*100)+"%)"}}>&nbsp;</span></div></td>
</tr> </tr>
<tr> <tr>
<td>Defense</td> <td>Defense</td>
<td>{p.def}</td> <td>{p.def}</td>
<td colspan="2"><div className="barGraph"><span className="barOverlay" style={{background:"linear-gradient(90deg,transparent 0% "+((p.def/defGraphMax)*100)+"%,black "+((p.def/defGraphMax)*100)+"%)"}}>&nbsp;</span></div></td> <td colSpan="2"><div className="barGraph"><span className="barOverlay" style={{background:"linear-gradient(90deg,transparent 0% "+((p.def/defGraphMax)*100)+"%,black "+((p.def/defGraphMax)*100)+"%)"}}>&nbsp;</span></div></td>
</tr> </tr>
<tr> <tr>
<td>Weapon Up</td> <td>Weapon Up</td>
@ -376,6 +379,7 @@ useEffect(()=>{
<td>&nbsp;</td> <td>&nbsp;</td>
<td>&nbsp;</td> <td>&nbsp;</td>
</tr> </tr>
</tbody>
</table> </table>
</div> </div>
<div className="box"> <div className="box">
@ -383,6 +387,7 @@ useEffect(()=>{
<h1>Damage Stats</h1></div> <h1>Damage Stats</h1></div>
<PageControl pages={3} currentPage={statPage} setCurrentPage={setStatPage}/> <PageControl pages={3} currentPage={statPage} setCurrentPage={setStatPage}/>
<table className="basicInfo"> <table className="basicInfo">
<tbody>
{statPage===1?<> {statPage===1?<>
<tr> <tr>
<td>Critical Hit Rate</td> <td>Critical Hit Rate</td>
@ -427,6 +432,7 @@ useEffect(()=>{
</tr> </tr>
</> </>
} }
</tbody>
</table> </table>
</div> </div>
</div> </div>