zaire/campfire
1
0
Fork 0
forked from blisstown/campfire
Code Pull requests Activity

fix: add gap between folreqs

Browse source
This commit is contained in:
mae taylor 2025-07-14 23:06:14 +01:00
parent 8e9fb6598e
commit 2d7c346577
Signed by: mae
GPG key ID: 3C80D76BA7A3B9BD
1 changed files with 27 additions and 19 deletions
Download patch file Download diff file Expand all files Collapse all files

46
src/routes/follow-requests/+page.svelte
View file

@ -53,27 +53,29 @@
<p class="request-zero">{lang.string('follow_requests.none')}</p>
{/if}
{#each $followRequests as req}
<div class="request">
<a href="/{$server.host}/@{req.fqn}" class="request-avatar-container" on:mouseup|stopPropagation>
<img src={req.avatar_url} alt="" width="48" height="48" class="post-avatar" loading="lazy" decoding="async">
</a>
<div class="info">
<div class="request-user-info">
<a href="/{$server.host}/@{req.fqn}" class="name">{@html req.rich_name}</a>
<span class="username">{req.mention}</span>
<div class="requests-container">
{#each $followRequests as req}
<div class="request">
<a href="/{$server.host}/@{req.fqn}" class="request-avatar-container" on:mouseup|stopPropagation>
<img src={req.avatar_url} alt="" width="48" height="48" class="post-avatar" loading="lazy" decoding="async">
</a>
<div class="info">
<div class="request-user-info">
<a href="/{$server.host}/@{req.fqn}" class="name">{@html req.rich_name}</a>
<span class="username">{req.mention}</span>
</div>
</div>
<div class="request-options">
<Button filled title="Yes" on:click={() => acceptRequest(req.id)}>
<TickIcon width="24px"/>
</Button>
<Button title="No" on:click={() => denyRequest(req.id)}>
<CrossIcon width="24px"/>
</Button>
</div>
</div>
<div class="request-options">
<Button filled title="Yes" on:click={() => acceptRequest(req.id)}>
<TickIcon width="24px"/>
</Button>
<Button title="No" on:click={() => denyRequest(req.id)}>
<CrossIcon width="24px"/>
</Button>
</div>
</div>
{/each}
{/each}
</div>
<style>
.request {
@ -141,4 +143,10 @@
font-size: 0.95rem;
text-align: center;
}
.requests-container {
display: flex;
flex-direction: column;
gap: .5rem;
}
</style>