From e302801c7e731e5d57ba70fc641674ac0468d643 Mon Sep 17 00:00:00 2001
From: Titus Kristiansen <titusk@stud.ntnu.no>
Date: Tue, 3 May 2022 15:53:06 +0200
Subject: [PATCH] Modal fixed
---
src/components/BaseComponents/RatingModal.vue | 18 ++++++------------
1 file changed, 6 insertions(+), 12 deletions(-)
diff --git a/src/components/BaseComponents/RatingModal.vue b/src/components/BaseComponents/RatingModal.vue
index 1e35274..7710716 100644
--- a/src/components/BaseComponents/RatingModal.vue
+++ b/src/components/BaseComponents/RatingModal.vue
@@ -11,7 +11,7 @@
<div
class="flex p-4 border-b rounded-t dark:border-gray-600"
>
- <h3 class="mr- text-xl font-semibold text-gray-900 dark:text-white">
+ <h3 class="text-xl font-semibold text-gray-900 dark:text-white">
{{ name }}
</h3>
<button
@@ -33,13 +33,13 @@
</button>
</div>
<!-- Modal body -->
- <div class=" p-6 space-y-6">
+ <div class="p-6 space-y-6">
<p class="text-lg text-base leading-relaxed text-gray-500 dark:text-gray-400">
{{ title }}
</p>
</div>
- <div class="flex justify-center mt-4">
+ <div class="ml-6 mt-4">
<p class=" text-base leading-relaxed text-gray-500 dark:text-gray-400" v-show="renterIsReceiverOfRating">
Gi en vurdering til utleieren
</p>
@@ -48,8 +48,8 @@
</p>
</div>
- <div class="flex justify-center">
- <textarea class="h-40 w-50 bg-gray-200 mb-4 ring-1 ring-gray-400 rounded-xl"/>
+ <div class= "flex justify-center px-4">
+ <textarea class="w-full h-40 bg-gray-200 mb-4 ring-1 ring-gray-400 rounded-xl"/>
</div>
<div class="flex items-center justify-center mb-8">
@@ -106,13 +106,7 @@ export default {
return{
score: 3,
comment: "",
- rating:[
- "text-warn",
- "text-warn",
- "text-warn",
- "text-gray-300",
- "text-gray-300"
- ],
+ rating:["text-warn", "text-warn", "text-warn", "text-gray-300", "text-gray-300"],
};
},
props: {
--
GitLab