diff --git a/src/components/Event/DateCalendarIcon.vue b/src/components/Event/DateCalendarIcon.vue
index ff450dc8b..d598a7c4e 100644
--- a/src/components/Event/DateCalendarIcon.vue
+++ b/src/components/Event/DateCalendarIcon.vue
@@ -4,7 +4,11 @@
:class="{ small }"
:style="`--small: ${smallStyle}`"
>
-
+
{{
day
@@ -38,6 +42,10 @@ const day = computed(() =>
dateObj.value.toLocaleString(undefined, { day: "numeric" })
);
+const weekday = computed(() =>
+ dateObj.value.toLocaleString(undefined, { weekday: "short" })
+);
+
const smallStyle = computed(() => (props.small ? "1.2" : "2"));
@@ -51,6 +59,12 @@ div.datetime-container {
height: calc(10px * var(--small));
background: #f3425f;
}
+ .datetime-container-header .weekday {
+ font-size: calc(9px * var(--small));
+ font-weight: bold;
+ vertical-align: top;
+ line-height: calc(9px * var(--small));
+ }
.datetime-container-content {
height: calc(30px * var(--small));
}
diff --git a/src/components/Event/EventCard.vue b/src/components/Event/EventCard.vue
index 6af150ba9..8c6a56243 100644
--- a/src/components/Event/EventCard.vue
+++ b/src/components/Event/EventCard.vue
@@ -73,6 +73,16 @@
+
+
+
+
+
+
+
+
diff --git a/src/components/NavBar.vue b/src/components/NavBar.vue
index 635e66891..e0646441c 100644
--- a/src/components/NavBar.vue
+++ b/src/components/NavBar.vue
@@ -186,6 +186,30 @@
v-model:location="location"
/>
+
+ {{ t("Agenda") }}
+
+
+ {{ t("Activities") }}
+
+
+ {{ t("Groups") }}
+
+
+
+
+
@@ -289,6 +299,7 @@ import {
usernameWithDomain,
} from "@/types/actor";
import DateCalendarIcon from "@/components/Event/DateCalendarIcon.vue";
+import StartTimeIcon from "@/components/Event/StartTimeIcon.vue";
import SkeletonDateCalendarIcon from "@/components/Event/SkeletonDateCalendarIcon.vue";
import Earth from "vue-material-design-icons/Earth.vue";
import Link from "vue-material-design-icons/Link.vue";