diff --git a/src/components/ButtonDisplayStreak.vue b/src/components/ButtonDisplayStreak.vue index 9b76486650982457bf09e692d54629b2f1415b88..50ff4e445c0db7b234538d27824d34a65954824c 100644 --- a/src/components/ButtonDisplayStreak.vue +++ b/src/components/ButtonDisplayStreak.vue @@ -6,7 +6,11 @@ @mouseleave="hide" class="cursor-pointer bg-transparent hover:bg-transparent hover:scale-150" > - <img src="@/assets/pengesekkStreak.png" alt="streak" class="mx-auto w-6 h-6 md:w-12 md:h-12" /> + <img + src="@/assets/pengesekkStreak.png" + alt="streak" + class="mx-auto w-6 h-6 md:w-12 md:h-12" + /> </button> <div diff --git a/src/components/ImgGifTemplate.vue b/src/components/ImgGifTemplate.vue index 4a6a00958e1c1e984c0d974d514a16cb494626e4..46fecc79efe8cca7f8427a1a1e851e0c0ca15b79 100644 --- a/src/components/ImgGifTemplate.vue +++ b/src/components/ImgGifTemplate.vue @@ -1,12 +1,12 @@ <template> - <div class="hover:scale-125"> - <img - v-if="index % 6 === modValue" - :src="url" - alt="could not load" - class="h-32 w-32 border-2 rounded-lg border-stale-400 shadow-md shadow-black" - /> - </div> + <div class="hover:scale-125"> + <img + v-if="index % 6 === modValue" + :src="url" + alt="could not load" + class="h-32 w-32 border-2 rounded-lg border-stale-400 shadow-md shadow-black" + /> + </div> </template> <script setup lang="ts"> diff --git a/src/components/SavingsPath.vue b/src/components/SavingsPath.vue index 88e6f1f5f4365c313ccf92319a18959ab7291cb1..5e82a770cc22e2a37bab3fa8752ce7a4b0e858b1 100644 --- a/src/components/SavingsPath.vue +++ b/src/components/SavingsPath.vue @@ -20,14 +20,12 @@ <div ref="containerRef" class="container relative pt-6 w-4/5 bg-cover bg-[center] md:[background-position: center;] mx-auto md:w-4/5 no-scrollbar h-full max-h-[60vh] md:max-h-[60vh] md:min-w-2/5 overflow-y-auto border-2 border-transparent rounded-xl bg-white shadow-lg shadow-slate-400" - style="background-image: url('src/assets/backgroundSavingsPath.png'); - "> - + style="background-image: url('src/assets/backgroundSavingsPath.png')" + > <div> <img src="@/assets/start.png" alt="Spare" class="md:w-1/6 md:h-auto h-20" /> </div> - <div v-for="(challenge, index) in challenges" :key="challenge.id"