+
{{ event.title }}
@@ -100,18 +100,26 @@ function deployDeleteModal() {
-
- {{ event.location }}
-
+
+
+
{{ event.location }}
+
-
- {{ dateDifference }}
-
+
+
+
{{ dateDifference }}
+
-
-
- {{ $t('entity.calendar.date.while', { duration: dateDuration } )}}
-
+
+
+
{{ $t('entity.calendar.date.while', { duration: dateDuration } )}}
+
@@ -134,7 +142,7 @@ function deployDeleteModal() {
-
+
{{ event.description }}
diff --git a/components/calendar/form/UpdateEvent.vue b/components/calendar/form/UpdateEvent.vue
index 70a5652..644e550 100644
--- a/components/calendar/form/UpdateEvent.vue
+++ b/components/calendar/form/UpdateEvent.vue
@@ -104,6 +104,7 @@ function handleCancel() {
name="new-event-title"
required
:placeholder="$t('entity.calendar.event.title')"
+ :maxlength="120"
class="w-full -my-1 py-1 -mx-1 px-1 text-lg border-b-[1px] bg-transparent focus-visible:outline-none focus-visible:border-blue-600"
>
@@ -116,6 +117,7 @@ function handleCancel() {
name="new-event-description"
:placeholder="$t('entity.addDescription')"
class="w-full -my-1 py-1 -mx-1 px-1 min-h-24 max-h-36 text-sm border-b-[1px] bg-transparent focus-visible:outline-none focus-visible:border-blue-600"
+ :maxlength="1200"
/>
@@ -170,7 +172,9 @@ function handleCancel() {
type="text"
name="new-event-location"
:placeholder="$t('entity.calendar.event.addLocation')"
- class="w-full -my-1 py-2 px-2 text-sm border-b-[1px] bg-transparent focus-visible:outline-none focus-visible:border-blue-600">
+ class="w-full -my-1 py-2 px-2 text-sm border-b-[1px] bg-transparent focus-visible:outline-none focus-visible:border-blue-600"
+ :maxlength="160"
+ >