From ff030b63eefadaa3174d2c2e02138ba7b183d3d9 Mon Sep 17 00:00:00 2001
From: Jesse Wierzbinski <contact@cpluspatch.com>
Date: Sun, 29 Dec 2024 16:03:06 +0100
Subject: [PATCH] refactor: :lipstick: Remove gaps between notes and
 notifications

---
 components/notifications/notification.vue | 2 +-
 components/timelines/timeline.vue         | 4 ++--
 pages/[username]/[uuid].vue               | 2 +-
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/components/notifications/notification.vue b/components/notifications/notification.vue
index 4035d89..4aca707 100644
--- a/components/notifications/notification.vue
+++ b/components/notifications/notification.vue
@@ -1,5 +1,5 @@
 <template>
-    <Card>
+    <Card class="rounded-none border-0">
         <Collapsible :default-open="true" v-slot="{ open }">
             <Tooltip>
                 <TooltipTrigger :as-child="true">
diff --git a/components/timelines/timeline.vue b/components/timelines/timeline.vue
index 8b9528f..7db1fc2 100644
--- a/components/timelines/timeline.vue
+++ b/components/timelines/timeline.vue
@@ -1,6 +1,6 @@
 <!-- Timeline.vue -->
 <template>
-    <TransitionGroup name="timeline-item" tag="div" class="timeline-items *:rounded space-y-4 *:border">
+    <TransitionGroup name="timeline-item" tag="div" class="timeline-items first:*:rounded-t divide-y divide-border *:border-x first:*:border-t *:overflow-hidden last:*:rounded-b last:*:!border-b *:shadow-none">
         <TimelineItem :type="type" v-for="item in items" :key="item.id" :item="item" @update="updateItem"
             @delete="removeItem" />
     </TransitionGroup>
@@ -104,4 +104,4 @@ onMounted(() => {
     opacity: 0;
     scale: 0.99;
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/pages/[username]/[uuid].vue b/pages/[username]/[uuid].vue
index e5a954f..24db443 100644
--- a/pages/[username]/[uuid].vue
+++ b/pages/[username]/[uuid].vue
@@ -1,5 +1,5 @@
 <template>
-    <div v-if="loaded" class="mx-auto max-w-2xl w-full pb-72 *:rounded space-y-4 *:border">
+    <div v-if="loaded" class="mx-auto max-w-2xl w-full rounded overflow-hidden border divide-border divide-y">
         <div>
             <Note v-for="note, index of context?.ancestors" :note="note" :hide-actions="true"
                 :top-avatar-bar="index !== 0" :bottom-avatar-bar="true" :content-under-username="true" />