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

Baseline Modal

Browse Source 
Co-authored-by: dudleycu <dudleyc.twitch@gmail.com>
This commit is contained in:
Joshua Sigona 2021-08-08 00:26:33 +09:00
parent dbdc0ee55f
commit d3cfb8f01d
2 changed files with 11 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/TestPanel.js
View File

@ -430,7 +430,7 @@ useEffect(()=>{
<input className="itemBarForm" type="text" placeholder="Filter" /> <input className="itemBarForm" type="text" placeholder="Filter" />
</div> </div>
</div> </div>
<div className="itemlistcontainer customScrollbar"> <div className="modalItemListContainer customScrollbar">
<ul className="itemlist"> <ul className="itemlist">
<li className="itemwep r1"><img className="itemimg" alt="" src="64px-NGSUIItemPrimmRifle.png" /><em className="rifle">Primm Rifle</em><br /><span className="atk">177</span> <span className="pot tooltip">Recycler Unit<span>Lv.4: Potency +24%/<br />20% chance of Restasigne not being consumed on use. Effect starts 10 sec after equip</span></span></li> <li className="itemwep r1"><img className="itemimg" alt="" src="64px-NGSUIItemPrimmRifle.png" /><em className="rifle">Primm Rifle</em><br /><span className="atk">177</span> <span className="pot tooltip">Recycler Unit<span>Lv.4: Potency +24%/<br />20% chance of Restasigne not being consumed on use. Effect starts 10 sec after equip</span></span></li>
<li className="itemwep r2"><img className="itemimg" alt="" src="64px-NGSUIItemTzviaRifle.png" /><em className="rifle">Tzvia Rifle</em><br /><span className="atk">195</span> <span className="pot tooltip">Indomitable Unit<span>Lv.4: Potency +26%/<br />All Down Resistances +20%</span></span></li> <li className="itemwep r2"><img className="itemimg" alt="" src="64px-NGSUIItemTzviaRifle.png" /><em className="rifle">Tzvia Rifle</em><br /><span className="atk">195</span> <span className="pot tooltip">Indomitable Unit<span>Lv.4: Potency +26%/<br />All Down Resistances +20%</span></span></li>

13
src/style.css
View File

@ -950,6 +950,8 @@ button{
flex-basis: 200px; flex-basis: 200px;
max-width: 580px; max-width: 580px;
outline: 0; outline: 0;
height: 95vh;
margin: 0 10px;
} }
.modalOverlay { .modalOverlay {
position: fixed; position: fixed;
@ -957,14 +959,19 @@ button{
left: 0; left: 0;
right: 0; right: 0;
bottom: 0; bottom: 0;
background: rgba(0,0,0,.80); background: rgba(0,0,0,.9);
display: flex; display: flex;
flex-flow: row wrap; flex-flow: row wrap;
justify-content: center; justify-content: center;
} }
.boxModal { .boxModal {
}
.modalItemListContainer {
overflow-y: auto;
overflow-x: hidden;
margin: 10px 5px 0 0;
padding: 2px;
max-height: calc(90vh - 115px);
} }
.webicon{ .webicon{
color:maroon; color:maroon;