From 084fb0ec40d4a1e2b6732d8b5c6a1202b9acc193 Mon Sep 17 00:00:00 2001
From: Eline Evje <elineev@stud.ntnu.no>
Date: Tue, 30 Apr 2024 13:12:33 +0200
Subject: [PATCH] chore: ran npm format
---
src/components/GeneratedChallengesModal.vue | 26 +++++++++++++--------
1 file changed, 16 insertions(+), 10 deletions(-)
diff --git a/src/components/GeneratedChallengesModal.vue b/src/components/GeneratedChallengesModal.vue
index c388fae..52a2ad5 100644
--- a/src/components/GeneratedChallengesModal.vue
+++ b/src/components/GeneratedChallengesModal.vue
@@ -4,10 +4,7 @@
class="fixed inset-0 bg-gray-300 bg-opacity-75 flex justify-center items-center"
>
<div class="relative bg-white pt-10 p-4 rounded-lg shadow-xl" style="width: 40rem">
- <button
- @click="closeModal"
- class="absolute top-0 right-0 m-2 text-white"
- >
+ <button @click="closeModal" class="absolute top-0 right-0 m-2 text-white">
<svg
xmlns="http://www.w3.org/2000/svg"
class="h-6 w-6"
@@ -29,7 +26,9 @@
<div class="grid grid-cols-7 sm:grid-cols-11 gap-2 p-3 pb-1 border-b-2">
<span class="font-bold col-span-2 md:col-span-3 sm:text-lg pt-1 mb-0">Tittel</span>
<span class="font-bold col-span-2 md:col-span-2 sm:text-lg pt-1 mb-0">MÃ¥lsum</span>
- <span class="font-bold col-span-2 md:col-span-1 sm:text-lg pt-1 pr-1 md:pr-3 mb-0">Frist</span>
+ <span class="font-bold col-span-2 md:col-span-1 sm:text-lg pt-1 pr-1 md:pr-3 mb-0"
+ >Frist</span
+ >
<span class="col-span-2"></span>
</div>
<div class="space-y-2">
@@ -39,10 +38,18 @@
:class="{ 'bg-gray-100': index % 2 === 0 }"
class="grid grid-cols-7 md:grid-cols-7 sm:grid-cols-2 lg:grid-cols-7 gap-4 items-center border p-3 rounded mt-[-8px]"
>
- <span class="break-words col-span-2 md:col-span-1 lg:col-span-2 text-lg" >{{ challenge.title }}</span>
- <span class="col-span-2 md:col-span-2 lg:col-span-1 text-lg">{{ challenge.target }}</span>
- <span class="col-span-2 md:col-span-1 lg:col-span-2 text-lg">{{ challenge.due }}</span>
- <div class="col-span-7 sm:col-start-3 sm:col-span-2 md:col-span-2 lg:col-span-2 flex items-center justify-end space-x-2">
+ <span class="break-words col-span-2 md:col-span-1 lg:col-span-2 text-lg">{{
+ challenge.title
+ }}</span>
+ <span class="col-span-2 md:col-span-2 lg:col-span-1 text-lg">{{
+ challenge.target
+ }}</span>
+ <span class="col-span-2 md:col-span-1 lg:col-span-2 text-lg">{{
+ challenge.due
+ }}</span>
+ <div
+ class="col-span-7 sm:col-start-3 sm:col-span-2 md:col-span-2 lg:col-span-2 flex items-center justify-end space-x-2"
+ >
<button
@click="declineChallenge(challenge.id)"
class="bg-gray-500 hover:bg-gray-700 text-white font-bold py-1 px-4 mt-[-14px] sm:mt-0"
@@ -62,7 +69,6 @@
</div>
</template>
-
<script setup>
import { ref, onMounted } from 'vue'
import authInterceptor from '@/services/authInterceptor'
--
GitLab