Ehrenamt/ff-webpage
1
0
Fork 0
Code Issues 1 Pull requests Projects Releases 11 Packages Wiki Activity Actions

responsive and config

Browse source
This commit is contained in:
Julian Krauser 2024-11-06 08:59:07 +01:00
parent e74c6a5a23
commit 5f4aedff31
10 changed files with 54 additions and 41 deletions
Download patch file Download diff file Expand all files Collapse all files

34
components/base/ListImageItem.vue
View file

@ -10,24 +10,22 @@
:src="baseUrl + data?.image?.url"
:imgAttrs="{ class: 'w-full h-56 object-cover object-center' }"
/>
<div class="w-full h-44 relative bg-white">
<div class="w-full h-full px-2.5 py-5 flex flex-col justify-start items-start gap-2.5">
<h1>{{ data?.title }}</h1>
<p v-if="data?.date" class="self-stretch grow shrink basis-0 text-[#5c5c5c]">
{{
new Date(data?.date ?? "").toLocaleString("de-DE", {
day: "2-digit",
month: "long",
year: "numeric",
minute: "2-digit",
hour: "2-digit",
})
}}
</p>
<p class="self-stretch grow shrink basis-0 text-[#5c5c5c]">
{{ data?.description }}
</p>
</div>
<div class="w-full h-44 relative bg-white px-2 py-5 flex flex-col justify-start items-start gap-2 overflow-y-auto">
<h1>{{ data?.title }}</h1>
<p v-if="data?.date" class="w-full text-[#5c5c5c]">
{{
new Date(data?.date ?? "").toLocaleString("de-DE", {
day: "2-digit",
month: "long",
year: "numeric",
minute: "2-digit",
hour: "2-digit",
})
}}
</p>
<p class="w-full text-[#5c5c5c]">
{{ data?.description }}
</p>
</div>
</NuxtLink>
</template>