From a58aec0a8d40e403aaf563dbe2520a0516da0dc6 Mon Sep 17 00:00:00 2001
From: Ina <inamar@stud.ntnu.no>
Date: Fri, 3 May 2024 10:10:24 +0200
Subject: [PATCH] fix: fixed position of image in challenge and goal view
---
src/views/ViewChallengeView.vue | 6 +++---
src/views/ViewGoalView.vue | 6 +++---
2 files changed, 6 insertions(+), 6 deletions(-)
diff --git a/src/views/ViewChallengeView.vue b/src/views/ViewChallengeView.vue
index 33f6345..2547802 100644
--- a/src/views/ViewChallengeView.vue
+++ b/src/views/ViewChallengeView.vue
@@ -112,14 +112,14 @@ const completeChallenge = () => {
<h2 class="font-light">
{{ challengeInstance.title }}
</h2>
- <div class="flex flex-row gap-4 justify-center">
+ <div class="flex flex-col gap-4 justify-center">
<p class="text-wrap break-words">{{ challengeInstance.description }}</p>
- <div>
+ <div class="flex justify-center items-center">
<img
v-if="isImageLoaded"
:src="challengeImageUrl || '@/assets/star.png'"
alt="Goal Image"
- class="w-full h-40 object-cover rounded-lg"
+ class="w-44 h-44 object-cover rounded-lg"
/>
</div>
</div>
diff --git a/src/views/ViewGoalView.vue b/src/views/ViewGoalView.vue
index d6addf8..4460698 100644
--- a/src/views/ViewGoalView.vue
+++ b/src/views/ViewGoalView.vue
@@ -101,14 +101,14 @@ const completeGoal = () => {
<h2 class="font-light">
{{ goalInstance.title }}
</h2>
- <div class="flex flex-row gap-4 justify-center">
+ <div class="flex flex-col gap-4 justify-center">
<p class="text-wrap break-words">{{ goalInstance.description }}</p>
- <div>
+ <div class="flex justify-center items-center">
<img
v-if="isImageLoaded"
:src="goalImageUrl || '@/assets/star.png'"
alt="Goal Image"
- class="w-full h-40 object-cover rounded-lg"
+ class="w-44 h-44 object-cover rounded-lg"
/>
</div>
</div>
--
GitLab