OceanSlim/dwm-app
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

containerized?

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
static/js/updateBreedingUsage.js
View File

@ -28,7 +28,7 @@ function renderOffspringList(usageData) {
// Create and append HTML for each unique 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}
</li>`;
offspringContainer.innerHTML += offspringHTML;

14
templates/app.html
View File

@ -33,19 +33,21 @@
>
</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">
<!-- Monster Family will be displayed here-->
</div>
<div id="monsterStatsContainer" class="mt-2">
<div id="monsterStatsContainer" class="container mt-2">
<!-- Monster stats will be displayed here -->
</div>
<div id="monsterSkillsContainer" class="mt-2">
<div id="monsterSkillsContainer" class="container mt-2">
<!-- Monster Skills will be displayed here-->
</div>
<div id="monsterLocationContainer" class="mt-2">
<div id="monsterLocationContainer" class="container mt-2">
<!-- Monster Location will be displayed here-->
</div>
</div>
@ -53,14 +55,14 @@
<div class="flex m-2 w-full max-w-xl gap-2">
<div
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 -->
</div>
<div
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 class="mt-4 text-center">