refactor: 💄 Remove gaps between notes and notifications

versia-pub · Dec 29, 2024 · ff030b6 · ff030b6
1 parent e121208
commit ff030b6
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 4 deletions.
diff --git 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
@@ -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>
+</style>
diff --git 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" />