fixes padding for comment empty staet

This commit is contained in:
Christian Beutel
2025-01-04 20:34:10 +01:00
parent f6af98246c
commit 3cc58d9460
3 changed files with 14 additions and 14 deletions

View File

@@ -83,7 +83,7 @@
? null
: `/profile/${n.author}`;
case NotificationType.trailComment:
return `/trail/view/${n.metadata?.id}`;
return `/trail/view/${n.metadata?.id}?t=4`;
case NotificationType.trailCreate:
return `/trail/view/${n.metadata?.id}`;
case NotificationType.trailShare:

View File

@@ -104,7 +104,7 @@
<div class="dropdown relative">
{#if unreadCount > 0}
<div
class="absolute -top-1 left-4 text-sm rounded-full bg-content text-content-inverse px-1 text-center"
class="absolute pointer-events-none -top-1 left-4 text-sm rounded-full bg-content text-content-inverse px-1 text-center"
>
{unreadCount}{unreadCount >= 10 ? "+" : ""}
</div>
@@ -117,7 +117,7 @@
{#if isOpen}
<ul
class="menu absolute bg-menu-background border border-input-border rounded-l-xl rounded-b-xl shadow-md right-0 overflow-scroll mt-4 max-h-96 w-64"
class="menu absolute bg-menu-background border border-input-border rounded-l-xl rounded-b-xl shadow-md right-0 overflow-scroll mt-4 max-h-96 w-72"
class:none={isOpen}
on:scroll={onListScroll}
style="z-index: 1001"

View File

@@ -396,15 +396,15 @@
>
</div>
{/if}
<ul class="space-y-4">
{#if commentsLoading}
{#each { length: 3 } as _, index}
<SkeletonNotificationCard
></SkeletonNotificationCard>
{/each}
{:else if $comments.length == 0}
<EmptyStateComment></EmptyStateComment>
{:else}
{#if commentsLoading}
{#each { length: 3 } as _, index}
<SkeletonNotificationCard
></SkeletonNotificationCard>
{/each}
{:else if $comments.length == 0}
<div class="my-4"><EmptyStateComment></EmptyStateComment></div>
{:else}
<ul class="space-y-4">
{#each $comments ?? [] as comment}
<li>
<CommentCard
@@ -418,8 +418,8 @@
></CommentCard>
</li>
{/each}
{/if}
</ul>
</ul>
{/if}
</div>
{/if}
{#if mode == "overview"}