Display Month between Date lists
This commit is contained in:
parent
8def180f38
commit
15431450ac
3 changed files with 46 additions and 3 deletions
|
@ -11,8 +11,13 @@
|
|||
:imgAttrs="{ class: 'w-full h-56 object-cover object-center' }"
|
||||
/>
|
||||
<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]">
|
||||
<h1>
|
||||
<span v-if="numberOverwrite != undefined" class="w-24 text-center text-black text-4xl my-auto">
|
||||
{{ numberOverwrite }}.
|
||||
</span>
|
||||
{{ data?.title }}
|
||||
</h1>
|
||||
<p v-if="numberOverwrite != undefined" class="w-full text-[#5c5c5c]">
|
||||
{{
|
||||
new Date(data?.date ?? "").toLocaleString("de-DE", {
|
||||
day: "2-digit",
|
||||
|
@ -22,6 +27,16 @@
|
|||
hour: "2-digit",
|
||||
})
|
||||
}}
|
||||
Uhr
|
||||
</p>
|
||||
<p v-else class="w-full text-[#5c5c5c]">
|
||||
{{
|
||||
new Date(data?.date ?? "").toLocaleString("de-DE", {
|
||||
minute: "2-digit",
|
||||
hour: "2-digit",
|
||||
})
|
||||
}}
|
||||
Uhr
|
||||
</p>
|
||||
<p class="w-full text-[#5c5c5c]">
|
||||
{{ data?.description }}
|
||||
|
@ -39,6 +54,7 @@ const baseUrl = runtimeConfig.public.strapi.url;
|
|||
|
||||
defineProps({
|
||||
data: Object as PropType<BaseCollection>,
|
||||
numberOverwrite: { type: Number, default: undefined },
|
||||
allowNavigation: { type: Boolean, default: false },
|
||||
urlOverwrite: { type: String, default: undefined },
|
||||
});
|
||||
|
|
|
@ -26,6 +26,7 @@
|
|||
hour: "2-digit",
|
||||
})
|
||||
}}
|
||||
Uhr
|
||||
</p>
|
||||
<p v-else class="w-full text-[#5c5c5c]">
|
||||
{{
|
||||
|
@ -34,6 +35,7 @@
|
|||
hour: "2-digit",
|
||||
})
|
||||
}}
|
||||
Uhr
|
||||
</p>
|
||||
<p class="w-full text-[#5c5c5c]">
|
||||
{{ data?.description }}
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue