endernon/wynnbuilder-forked-for-changes
1
0
Fork 0
forked from morphNon/wynnbuilder-idk
Code Pull requests Activity

fix: re-align rows and cols correctly

Browse source
This commit is contained in:
reschan 2022-05-22 20:36:03 +07:00
parent 45b2b99602
commit 2955c13d0d
1 changed files with 1084 additions and 1082 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
builder/index.html
View file

@ -49,12 +49,11 @@
<a onclick = "toggleIcons()"><img src = "../media/icons/new/reload.png" alt = "" title = "Swap items on page"><b>Swap Icon Style</b></a> <a onclick = "toggleIcons()"><img src = "../media/icons/new/reload.png" alt = "" title = "Swap items on page"><b>Swap Icon Style</b></a>
<hr/> <hr/>
</div> </div>
<div class="my-container"> <div class="container-fluid me-4" style="max-width: 95%;">
<div class="col"> <div class="row h-100 gx-lg-5 gy-3 mx-2 mx-lg-3 py-3">
<div class="row h-100 gx-lg-5 gy-3 mx-2 mx-lg-0">
<div class="col-xl-6"> <div class="col-xl-6">
<div class="row row-cols-1 mb-3"> <div class="row row-cols-1 mb-3">
<div class="col py-3"> <div class="col">
<div class="row row-cols-1 row-cols-xl-2 rounded gy-4 gx-5 justify-content-center"> <div class="row row-cols-1 row-cols-xl-2 rounded gy-4 gx-5 justify-content-center">
<div class="col-auto rounded order-xl-0 order-0"> <div class="col-auto rounded order-xl-0 order-0">
<div class="row h-100 dark-shadow dark-6 rounded" id="helmet-dropdown"> <div class="row h-100 dark-shadow dark-6 rounded" id="helmet-dropdown">
@ -1238,7 +1237,7 @@
<div id="overall-stats" class="col text-nowrap"></div> <div id="overall-stats" class="col text-nowrap"></div>
</div> </div>
</div> </div>
<div class="col-xl-3 mb-3"> <div class="col-xl-3 mb-3 px-0">
<div class="row row-cols-1 gy-3 mb-4 text-center scaled-font"> <div class="row row-cols-1 gy-3 mb-4 text-center scaled-font">
<div class = "col"> <div class = "col">
<div class = "spell-display dark-5 rounded dark-shadow py-2 border border-dark" id="build-melee-statsAvg">melee</div> <div class = "spell-display dark-5 rounded dark-shadow py-2 border border-dark" id="build-melee-statsAvg">melee</div>
@ -1270,8 +1269,8 @@
</div> </div>
</div> </div>
</div> </div>
</div> <div class="row mx-2 mx-lg-3">
<div class="col-12 mx-4" id="masonry-container"> <div class="col" id="masonry-container">
<div id="helmet-tooltip" class="rounded row g-0 scaled-font float-tooltip border border-3 border-dark dark-shadow p-3"> <div id="helmet-tooltip" class="rounded row g-0 scaled-font float-tooltip border border-3 border-dark dark-shadow p-3">
</div> </div>
<div id="chestplate-tooltip" class="rounded row g-0 scaled-font float-tooltip border border-3 border-dark dark-shadow p-3"> <div id="chestplate-tooltip" class="rounded row g-0 scaled-font float-tooltip border border-3 border-dark dark-shadow p-3">
@ -1308,6 +1307,8 @@
</div> </div>
<div class = "rounded row g-0 scaled-font float-tooltip border border-3 border-dark p-3" id = "set-info"></div> <div class = "rounded row g-0 scaled-font float-tooltip border border-3 border-dark p-3" id = "set-info"></div>
</div> </div>
</div>
<div class="row mx-2 mx-lg-3">
<div class="col-12 dark-5 scaled-font"> <div class="col-12 dark-5 scaled-font">
<footer class="text-center"> <footer class="text-center">
<div id="header2"> <div id="header2">
@ -1320,6 +1321,7 @@
</footer> </footer>
</div> </div>
</div> </div>
</div>
<div class="container h-75 mx-0 mx-lg-auto dark-2 border border-4 scaled-font align-self-center" style="position: fixed; z-index: 2; overflow: auto; display: none;" id="search-container"> <div class="container h-75 mx-0 mx-lg-auto dark-2 border border-4 scaled-font align-self-center" style="position: fixed; z-index: 2; overflow: auto; display: none;" id="search-container">
<div class="row justify-content-end"> <div class="row justify-content-end">
<div class="col-auto"> <div class="col-auto">