diff --git a/src/lib/components/Skillbar.svelte b/src/lib/components/Skillbar.svelte index fdcead63..9a70a3b5 100644 --- a/src/lib/components/Skillbar.svelte +++ b/src/lib/components/Skillbar.svelte @@ -61,6 +61,6 @@ XP </div> </div> - <div class="h-full w-full flex-1 rounded-full transition-all duration-1000 ease-in-out group-data-[maxed=false]:bg-skillbar group-data-[maxed=true]:bg-maxedbar" style={`transform: translateX(-${100 - (skillData.xpCurrent / (isMaxed ? skillData.xpCurrent : skillData.xpForNext)) * 100}%)`} /> + <div class="h-full w-full flex-1 rounded-full transition-all duration-1000 ease-in-out group-data-[maxed=false]:bg-skillbar group-data-[maxed=true]:bg-maxedbar" style={`transform: translateX(-${100 - (skillData.xpCurrent / (isMaxed ? skillData.xpCurrent : skillData.xpForNext)) * 100}%)`}></div> </Progress.Root> </div> diff --git a/src/lib/constants/mining.ts b/src/lib/constants/mining.ts index 850b342d..6153f978 100644 --- a/src/lib/constants/mining.ts +++ b/src/lib/constants/mining.ts @@ -1812,7 +1812,6 @@ const nodeClasses = { // HOTM 1 mining_speed: MiningSpeed }; -``; export const HOTM = { tiers: Object.keys(rewards.hotm).length, diff --git a/src/lib/sections/stats/Pets.svelte b/src/lib/sections/stats/Pets.svelte index 142411c7..05dcccb4 100644 --- a/src/lib/sections/stats/Pets.svelte +++ b/src/lib/sections/stats/Pets.svelte @@ -29,24 +29,19 @@ <AdditionStat text="Unique Pets" data={`${pets.amount} / ${pets.total}`} /> <AdditionStat text="Unique Pet Skins" data={`${pets.amountSkins} / ${pets.totalSkins}`} /> <AdditionStat text="Pet Score" data={`${pets.petScore.amount} (+${pets.petScore.stats.magic_find} MF) `} asterisk={true}> - <div class="max-w-xs space-y-2 font-bold"> + <div class="max-w-xs space-y-6 font-bold"> <h3 class="text-text/85">Pet score is calculated based on how many unique pets you have and the rarity of these pets.</h3> - <br /> <h3 class="text-text/85">You gain an additional score for each max level pet you have!</h3> - <br /> - <table> + <div class="flex flex-col"> {#each Object.entries(PET_REWARDS) as [score, data]} - <tr> </tr><tr - ><td>{score} Score: </td><td - ><span style="color: var(--§b)">+{data.magic_find} Magic Find</span> - - {#if data.magic_find === pets.petScore.amount} - <span style="color: var(--§5);"> «</span> - {/if} - </td> - </tr> + <div> + {score} Score: <span style="color: var(--§b)">+{data.magic_find} Magic Find</span> + {#if data.magic_find === pets.petScore.amount} + <span style="color: var(--§5);"> «</span> + {/if} + </div> {/each} - </table> + </div> </div> </AdditionStat> <AdditionStat text="Total Candies Used" data={`${pets.totalCandyUsed}`} /> diff --git a/src/lib/sections/stats/Slayer.svelte b/src/lib/sections/stats/Slayer.svelte index b0d96392..60fadaa5 100644 --- a/src/lib/sections/stats/Slayer.svelte +++ b/src/lib/sections/stats/Slayer.svelte @@ -60,7 +60,7 @@ XP </div> </div> - <div class="h-full w-full flex-1 transition-all duration-1000 ease-in-out group-data-[maxed=false]:bg-skillbar group-data-[maxed=true]:bg-maxedbar" style={`transform: translateX(-${100 - (value.level.xp / (value.level.maxed ? value.level.xp : value.level.xpForNext)) * 100}%)`} /> + <div class="h-full w-full flex-1 transition-all duration-1000 ease-in-out group-data-[maxed=false]:bg-skillbar group-data-[maxed=true]:bg-maxedbar" style={`transform: translateX(-${100 - (value.level.xp / (value.level.maxed ? value.level.xp : value.level.xpForNext)) * 100}%)`}></div> </Progress.Root> </div> </div> diff --git a/tailwind.config.ts b/tailwind.config.ts index b8589f9e..09f1f327 100644 --- a/tailwind.config.ts +++ b/tailwind.config.ts @@ -1,3 +1,4 @@ +import containerQueries from "@tailwindcss/container-queries"; import type { Config } from "tailwindcss"; import { fontFamily } from "tailwindcss/defaultTheme"; import plugin from "tailwindcss/plugin"; @@ -83,6 +84,6 @@ export default { { values: theme("textShadow") } ); }), - require("@tailwindcss/container-queries") + containerQueries ] } satisfies Config;