Update - postcard ui
This commit is contained in:
@@ -1,16 +1,35 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="shadow-md rounded-2xl bg-gray-50 border custom-border">
|
<div class="shadow-md rounded-2xl bg-gray-50 border custom-border">
|
||||||
<div>
|
<div>
|
||||||
|
|
||||||
<v-card-title>
|
<v-card-title>
|
||||||
{{ props.content.title }}
|
<div class="flex flex-row">
|
||||||
<span class="text-subtitle-2">
|
<div>
|
||||||
|
<img
|
||||||
|
:src="props.content.createdByPortraitUrl"
|
||||||
|
alt="Profile Image"
|
||||||
|
class="rounded-full"
|
||||||
|
width="32px"
|
||||||
|
height="32px">
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="capitalize px-2">
|
||||||
|
{{ props.content.createdByName }}
|
||||||
|
</div>
|
||||||
|
<span class="text-subtitle-2 mt-1">
|
||||||
{{ time_ago(props.content.createdAt) }}
|
{{ time_ago(props.content.createdAt) }}
|
||||||
</span>
|
</span>
|
||||||
<v-card-text>
|
|
||||||
|
</div>
|
||||||
|
<div class="uppercase">
|
||||||
|
{{ props.content.title }}
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
{{ props.content.description }}
|
{{ props.content.description }}
|
||||||
</v-card-text>
|
</div>
|
||||||
</v-card-title>
|
</v-card-title>
|
||||||
|
|
||||||
|
|
||||||
<v-carousel v-if="hasUrls" hide-delimiter-background show-arrows="hover">
|
<v-carousel v-if="hasUrls" hide-delimiter-background show-arrows="hover">
|
||||||
<v-carousel-item
|
<v-carousel-item
|
||||||
v-for="url in props.content.urls"
|
v-for="url in props.content.urls"
|
||||||
|
|||||||
@@ -5,7 +5,7 @@
|
|||||||
|
|
||||||
<donation-popup :creator-id="creator.id"></donation-popup>
|
<donation-popup :creator-id="creator.id"></donation-popup>
|
||||||
|
|
||||||
<div class="max-w-[850px] mx-auto flex flex-row justify-center border-l-2 border-r-2 -mt-6 ">
|
<div class="max-w-[800px] mx-auto flex flex-row justify-center ">
|
||||||
<div class="w-full h-full mx-1">
|
<div class="w-full h-full mx-1">
|
||||||
<content-list :creator-id="creator.id">
|
<content-list :creator-id="creator.id">
|
||||||
</content-list>
|
</content-list>
|
||||||
|
|||||||
@@ -105,7 +105,6 @@
|
|||||||
<RouterLink to="/browse">
|
<RouterLink to="/browse">
|
||||||
<v-btn variant="tonal" density="default" class="mb-2 w-full">
|
<v-btn variant="tonal" density="default" class="mb-2 w-full">
|
||||||
Découvre les autres créateurs
|
Découvre les autres créateurs
|
||||||
|
|
||||||
</v-btn>
|
</v-btn>
|
||||||
</RouterLink>
|
</RouterLink>
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user