#1546 Harmonization between public and private view + improved CSS

src/components/Group/Sections/EventsSection.vue

@@ -9,7 +9,7 @@
   >
     <template #default>
       <div
-        class="flex flex-wrap gap-2 py-1"
+        class="flex flex-wrap gap-2 p-2"
         v-if="group && group.organizedEvents.total > 0"
       >
         <event-minimalist-card
@@ -24,6 +24,17 @@
       <!-- <o-skeleton animated v-else></o-skeleton> -->
     </template>
     <template #create>
+      <o-button
+        tag="router-link"
+        class="button"
+        variant="text"
+        :to="{
+          name: RouteName.GROUP_EVENTS,
+          params: { preferredUsername: usernameWithDomain(group) },
+          query: { showPassedEvents: true },
+        }"
+        >{{ t("View past events") }}</o-button
+      >
       <o-button
         tag="router-link"
         v-if="isModerator"

src/components/Group/Sections/PostsSection.vue

@@ -8,9 +8,22 @@
     }"
   >
     <template #default>
-      <div class="p-1">
+      <div class="p-2">
         <multi-post-list-item
-          v-if="group?.posts?.total ?? 0 > 0"
+          v-if="
+            !isMember &&
+            group?.posts.elements.filter(
+              (post) => !post.draft && post.visibility === PostVisibility.PUBLIC
+            ).length > 0
+          "
+          :posts="
+            group?.posts.elements.filter(
+              (post) => !post.draft && post.visibility === PostVisibility.PUBLIC
+            )
+          "
+        />
+        <multi-post-list-item
+          v-else-if="group?.posts?.total ?? 0 > 0"
           :posts="(group?.posts?.elements ?? []).slice(0, 3)"
           :isCurrentActorMember="isMember"
         />
@@ -42,6 +55,7 @@ import { useI18n } from "vue-i18n";
 import EmptyContent from "@/components/Utils/EmptyContent.vue";
 import MultiPostListItem from "@/components/Post/MultiPostListItem.vue";
 import GroupSection from "@/components/Group/GroupSection.vue";
+import { PostVisibility } from "@/types/enums";
 
 const { t } = useI18n({ useScope: "global" });