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

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

@ -53,7 +53,8 @@
<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">
{#each $followRequests as req}
<div class="request"> <div class="request">
<a href="/{$server.host}/@{req.fqn}" class="request-avatar-container" on:mouseup|stopPropagation> <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"> <img src={req.avatar_url} alt="" width="48" height="48" class="post-avatar" loading="lazy" decoding="async">
@ -73,7 +74,8 @@
</Button> </Button>
</div> </div>
</div> </div>
{/each} {/each}
</div>
<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>