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" />
</div>
</div>
<div className="itemlistcontainer customScrollbar">
<div className="modalItemListContainer customScrollbar">
<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 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;
max-width: 580px;
outline: 0;
height: 95vh;
margin: 0 10px;
}
.modalOverlay {
position: fixed;
@ -957,14 +959,19 @@ button{
left: 0;
right: 0;
bottom: 0;
background: rgba(0,0,0,.80);
background: rgba(0,0,0,.9);
display: flex;
flex-flow: row wrap;
justify-content: center;
}
.boxModal {
}
.modalItemListContainer {
overflow-y: auto;
overflow-x: hidden;
margin: 10px 5px 0 0;
padding: 2px;
max-height: calc(90vh - 115px);
}
.webicon{
color:maroon;