forked from blisstown/campfire
fix: add gap between folreqs
This commit is contained in:
parent
8e9fb6598e
commit
2d7c346577
1 changed files with 27 additions and 19 deletions
|
@ -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>
|
Loading…
Add table
Add a link
Reference in a new issue