containerized?
This commit is contained in:
parent
6a4258831f
commit
a081c842a6
@ -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;
|
||||||
|
@ -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">
|
||||||
|
Loading…
Reference in New Issue
Block a user