Shift the name a bit so it lines up

This commit is contained in:
Casey 2025-05-12 22:16:20 +03:00
parent cda82035d9
commit 2ffb5d7b28
Signed by: kc
SSH key fingerprint: SHA256:qhCI0riVp5mDxzLRJdqinNazL7SvnlJ4cXKznUdkpBg

View file

@ -12,10 +12,14 @@
alt="avatar of {account.displayName}" alt="avatar of {account.displayName}"
src="{Config.PDS_URL}/xrpc/com.atproto.sync.getBlob?did={account.did}&cid={account.avatarCid}" src="{Config.PDS_URL}/xrpc/com.atproto.sync.getBlob?did={account.did}&cid={account.avatarCid}"
/> />
<div id="accountName">
{account.displayName || account.handle || account.did}
</div>
{:else}
<div id="accountName" class="no-avatar">
{account.displayName || account.handle || account.did}
</div>
{/if} {/if}
<div id="accountName">
{account.displayName || account.handle || account.did}
</div>
</div> </div>
</a> </a>
@ -28,6 +32,7 @@
padding: 0px; padding: 0px;
margin-bottom: 15px; margin-bottom: 15px;
border: 1px solid var(--border-color); border: 1px solid var(--border-color);
min-height: 50px;
} }
#accountName { #accountName {
margin-left: 10px; margin-left: 10px;
@ -39,6 +44,9 @@
text-overflow: ellipsis; text-overflow: ellipsis;
white-space: nowrap; white-space: nowrap;
} }
.no-avatar {
margin-left: 60px !important;
}
#avatar { #avatar {
width: 50px; width: 50px;
height: 50px; height: 50px;