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

css

Browse Source
This commit is contained in:
dudleycu 2021-08-30 07:26:11 +00:00
parent 015a46c086
commit 5c082b03ed
2 changed files with 52 additions and 37 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

69
src/TestPanel.js
View File

@ -441,6 +441,9 @@ useEffect(()=>{
</Helmet> </Helmet>
<div className="main"> <div className="main">
<div className="containerA"> <div className="containerA">
<div className="box basicInfoBox"> <div className="box basicInfoBox">
<div className="boxTitleBar"> <div className="boxTitleBar">
<h1>Basic Information</h1></div> <h1>Basic Information</h1></div>
@ -475,39 +478,13 @@ useEffect(()=>{
<img alt="" src={process.env.PUBLIC_URL+"/icons/status/poison.png"} /> {(p.poisonResist*100).toFixed(1)}%<br /> <img alt="" src={process.env.PUBLIC_URL+"/icons/status/poison.png"} /> {(p.poisonResist*100).toFixed(1)}%<br />
</div> </div>
<div style={{gridArea:"dmgRes"}}>Damage Resist.</div><div style={{gridArea:"dmgRes2"}}>{(p.damageResist*100).toFixed(1)}%</div> <div style={{gridArea:"dmgRes"}}><span>Damage Resist.</span></div><div style={{gridArea:"dmgRes2"}}>{(p.damageResist*100).toFixed(1)}%</div>
<button onClick={()=>{SaveData()}}>Save</button>
</div> </div><section className="saveControls">
</div> <button onClick={()=>{SaveData()}}>Save Build</button>
<div className="box"> </section></div>
<div className="boxTitleBar">
<h1>Current Effects</h1></div>
<PageControl pages={2} currentPage={effectPage} setCurrentPage={setEffectPage}/>
{effectPage===1?<><h3>Effect Name</h3><ul className="infoBuffs"><li onClick={()=>{setFoodMenuWindowOpen(true)}}>Food Boost Effect
<ul>
<li><img alt="" src="https://i.imgur.com/TQ8EBW2.png" />&ensp;[Meat] Potency +10.0%</li>
<li><img alt="" src="https://i.imgur.com/TQ8EBW2.png" />&ensp;[Crisp] Potency to Weak Point +5.0%</li>
</ul>
</li>
<li>Shifta / Deband
<ul>
<li><img alt="" src="https://i.imgur.com/VIYYNIm.png" />&ensp;Potency +5.0%</li>
<li><img alt="" src="https://i.imgur.com/VIYYNIm.png" />&ensp;Damage Resistance +10.0%</li>
</ul>
</li>
<li>Region Mag Boost
<ul>
<li><img alt="" src="https://i.imgur.com/N6M74Qr.png" />&ensp;Potency +5.0%</li>
</ul>
</li></ul></>:<></>
}
</div>
</div>
<div className="containerB">
<div className="box"> <div className="box">
<div className="boxTitleBar"> <div className="boxTitleBar">
<h1>Equip</h1></div> <h1>Equip</h1></div>
@ -519,10 +496,15 @@ useEffect(()=>{
</div> </div>
</div> </div>
</div>
<div className="containerB">
<div className="box"> <div className="box">
<div className="boxTitleBar"> <div className="boxTitleBar">
<h1>Equipped Weapon</h1></div> <h1>Equipped Weapon</h1></div>
<h2 className="rifle">{GetSpecialWeaponName(selectedWeapon)}+40</h2> <h2 className="viewedEquipName rifle">{GetSpecialWeaponName(selectedWeapon)}+40</h2>
<PageControl pages={3} currentPage={weaponPage} setCurrentPage={setWeaponPage}>Edit Details</PageControl> <PageControl pages={3} currentPage={weaponPage} setCurrentPage={setWeaponPage}>Edit Details</PageControl>
{weaponPage === 1 ? {weaponPage === 1 ?
@ -615,7 +597,32 @@ AUGMENT
<div className="containerC"> <div className="containerC">
<div className="box">
<div className="boxTitleBar">
<h1>Current Effects</h1></div>
<PageControl pages={2} currentPage={effectPage} setCurrentPage={setEffectPage}/>
{effectPage===1?<><h3>Effect Name</h3><ul className="infoBuffs"><li onClick={()=>{setFoodMenuWindowOpen(true)}}>Food Boost Effect
<ul>
<li><img alt="" src="https://i.imgur.com/TQ8EBW2.png" />&ensp;[Meat] Potency +10.0%</li>
<li><img alt="" src="https://i.imgur.com/TQ8EBW2.png" />&ensp;[Crisp] Potency to Weak Point +5.0%</li>
</ul>
</li>
<li>Shifta / Deband
<ul>
<li><img alt="" src="https://i.imgur.com/VIYYNIm.png" />&ensp;Potency +5.0%</li>
<li><img alt="" src="https://i.imgur.com/VIYYNIm.png" />&ensp;Damage Resistance +10.0%</li>
</ul>
</li>
<li>Region Mag Boost
<ul>
<li><img alt="" src="https://i.imgur.com/N6M74Qr.png" />&ensp;Potency +5.0%</li>
</ul>
</li></ul></>:<></>
}
</div>
<div className="box"> <div className="box">
<div className="boxTitleBar"> <div className="boxTitleBar">
<h1>Damage Stats</h1></div> <h1>Damage Stats</h1></div>

14
src/style.css
View File

@ -251,7 +251,10 @@ border-bottom: 1px solid rgba(128,128,128,0.5);
.basicInfo > div, .statsInfo > div { .basicInfo > div, .statsInfo > div {
border-bottom: 1px solid rgba(128,128,128,0.5); border-bottom: 1px solid rgba(128,128,128,0.5);
line-height: 25px; line-height: 25px;
position:relative; position: relative;
}
.statsInfo > div:nth-last-child(1), .statsInfo > div:last-child {
border: 0;
} }
.basicInfo > div > span, .statsInfo > div > span { .basicInfo > div > span, .statsInfo > div > span {
color: #97e2fc; color: #97e2fc;
@ -279,17 +282,22 @@ border-bottom: 1px solid rgba(128,128,128,0.5);
content: " \25C6"; content: " \25C6";
margin-right: 10px; margin-right: 10px;
} }
.box h2 { .viewedEquipName {
color: white; color: white;
font-weight: normal; font-weight: normal;
font-size: 18px; font-size: 18px;
margin: 10px 10px 0 10px; margin: 10px 10px 0 10px;
text-align: left; text-align: left;
} }
.box h2 img { .viewedEquipName img {
margin-right: 5px; margin-right: 5px;
vertical-align: top; vertical-align: top;
} }
.saveControls {
margin-top: 10px;
padding: 0 10px;
text-align: right;
}
.infoBuffs { .infoBuffs {
margin: 0 auto; margin: 0 auto;
width: 90%; width: 90%;