diff --git a/src/components/RentingComponents/ItemInfo.vue b/src/components/RentingComponents/ItemInfo.vue index b57d14e89431d0bc7f5f7675913032a8b0f7a869..02be80f59c09520a37ea40fbffed8ff6306645a5 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 -->