From 5c5f635f7a56c5499f42b21b7e3d809424b2d30f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?H=C3=A5kon=20R=C3=B8skaft?= <haakoero@stud.ntnu.no>
Date: Mon, 2 May 2022 11:08:01 +0200
Subject: [PATCH] Improved some styling issues
---
src/components/RentingComponents/ItemInfo.vue | 23 ++++++++-----------
1 file changed, 9 insertions(+), 14 deletions(-)
diff --git a/src/components/RentingComponents/ItemInfo.vue b/src/components/RentingComponents/ItemInfo.vue
index b57d14e..02be80f 100644
--- a/src/components/RentingComponents/ItemInfo.vue
+++ b/src/components/RentingComponents/ItemInfo.vue
@@ -34,24 +34,22 @@
</p>
</div>
</div>
+ <div>
+ <div class="mt-4 space-y-6">
+ <p class="text-sm text-gray-600">{{ item.description }}</p>
+ </div>
+ </div>
<div class="mt-4">
<h3 class="text-base font-base text-gray-900">Ledige tidspunkter</h3>
<div>
<p class="text-sm text-gray-900">
- (placeholder skal byttes ut med date-picker)
<DatepickerRange @value="setDate"></DatepickerRange>
</p>
</div>
</div>
- <div class="mt-10">
- <div class="mt-4 space-y-6">
- <p class="text-sm text-gray-600">{{ item.description }}</p>
- </div>
- </div>
- <div class="mt-6">
+ <div class="mt-2">
<!-- Add in method for displaying user card. Use item.userID on the method -->
- (Placeholder) Add usercard here
<UserListItemCard :user="userForId"></UserListItemCard>
</div>
<div>
@@ -61,13 +59,10 @@
</p>
</div>
</div>
- <div class="mt-10">
- <h3 class="text-base font-semibold text-gray-900">Totalprisen er</h3>
-
+ <div class="mt-2">
<div class="mt-2 space-y-2">
- <p class="text-xl font-medium text-gray-900">
- mye (Change with tot price from calc method)
- {{ totPrice }} kr
+ <p class="text-xl font-semibold text-gray-900">
+ Total pris: {{ totPrice }} kr
</p>
<button>
<!-- This button should send you to the rent page -->
--
GitLab