containerized?

This commit is contained in:
Chris kerr 2024-04-27 19:34:59 -04:00
parent 6a4258831f
commit a081c842a6
2 changed files with 9 additions and 7 deletions

View File

@ -28,7 +28,7 @@ function renderOffspringList(usageData) {
// Create and append HTML for each unique offspring // Create and append HTML for each unique offspring
uniqueOffspringSet.forEach(offspring => { uniqueOffspringSet.forEach(offspring => {
var offspringHTML = `<li class='font-bold text-left marker:text-slate-400 text-purple-300'> var offspringHTML = `<li class='font-bold text-left marker:text-slate-400 text-green-300'>
${offspring} ${offspring}
</li>`; </li>`;
offspringContainer.innerHTML += offspringHTML; offspringContainer.innerHTML += offspringHTML;

View File

@ -33,19 +33,21 @@
> >
</iframe> </iframe>
<div class="p-2 mt-2 border-2 rounded-md border-slate-400 w-full max-w-xs"> <div
class="p-2 mt-2 border-2 rounded-md border-slate-400 w-full max-w-xs container"
>
<div id="monsterFamilyContainer" class="mt-1"> <div id="monsterFamilyContainer" class="mt-1">
<!-- Monster Family will be displayed here--> <!-- Monster Family will be displayed here-->
</div> </div>
<div id="monsterStatsContainer" class="mt-2"> <div id="monsterStatsContainer" class="container mt-2">
<!-- Monster stats will be displayed here --> <!-- Monster stats will be displayed here -->
</div> </div>
<div id="monsterSkillsContainer" class="mt-2"> <div id="monsterSkillsContainer" class="container mt-2">
<!-- Monster Skills will be displayed here--> <!-- Monster Skills will be displayed here-->
</div> </div>
<div id="monsterLocationContainer" class="mt-2"> <div id="monsterLocationContainer" class="container mt-2">
<!-- Monster Location will be displayed here--> <!-- Monster Location will be displayed here-->
</div> </div>
</div> </div>
@ -53,14 +55,14 @@
<div class="flex m-2 w-full max-w-xl gap-2"> <div class="flex m-2 w-full max-w-xl gap-2">
<div <div
id="breedingPairsContainer" id="breedingPairsContainer"
class="p-2 border-2 rounded-md border-slate-400 w-full" class="p-2 border-2 rounded-md border-slate-400 w-full container"
> >
<!-- Breeding pairs will be displayed here --> <!-- Breeding pairs will be displayed here -->
</div> </div>
<div <div
id="offspringContainer" id="offspringContainer"
class="p-2 border-2 rounded-md border-slate-400 w-full" class="p-2 border-2 rounded-md border-slate-400 w-full container"
></div> ></div>
</div> </div>
<div class="mt-4 text-center"> <div class="mt-4 text-center">