blisstown/campfire
3
0
Fork 0
Code Issues 19 Pull requests Projects Releases Packages Wiki Activity Actions

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