refactor: 💄 Remove gaps between notes and notifications

This commit is contained in:
Jesse Wierzbinski 2024-12-29 16:03:06 +01:00
parent e12120853a
commit ff030b63ee
No known key found for this signature in database
3 changed files with 4 additions and 4 deletions

View file

@ -1,5 +1,5 @@
<template> <template>
<Card> <Card class="rounded-none border-0">
<Collapsible :default-open="true" v-slot="{ open }"> <Collapsible :default-open="true" v-slot="{ open }">
<Tooltip> <Tooltip>
<TooltipTrigger :as-child="true"> <TooltipTrigger :as-child="true">

View file

@ -1,6 +1,6 @@
<!-- Timeline.vue --> <!-- Timeline.vue -->
<template> <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" <TimelineItem :type="type" v-for="item in items" :key="item.id" :item="item" @update="updateItem"
@delete="removeItem" /> @delete="removeItem" />
</TransitionGroup> </TransitionGroup>

View file

@ -1,5 +1,5 @@
<template> <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> <div>
<Note v-for="note, index of context?.ancestors" :note="note" :hide-actions="true" <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" /> :top-avatar-bar="index !== 0" :bottom-avatar-bar="true" :content-under-username="true" />