witchcraft.systems
+11
-3
src/lib/AccountComponent.svelte
+11
-3
src/lib/AccountComponent.svelte
···
12
12
alt="avatar of {account.displayName}"
13
13
src="{Config.PDS_URL}/xrpc/com.atproto.sync.getBlob?did={account.did}&cid={account.avatarCid}"
14
14
/>
15
+
<div id="accountName">
16
+
{account.displayName || account.handle || account.did}
17
+
</div>
18
+
{:else}
19
+
<div id="accountName" class="no-avatar">
20
+
{account.displayName || account.handle || account.did}
21
+
</div>
15
22
{/if}
16
-
<div id="accountName">
17
-
{account.displayName || account.handle || account.did}
18
-
</div>
19
23
</div>
20
24
</a>
21
25
···
28
32
padding: 0px;
29
33
margin-bottom: 15px;
30
34
border: 1px solid var(--border-color);
35
+
min-height: 50px;
31
36
}
32
37
#accountName {
33
38
margin-left: 10px;
···
38
43
overflow: hidden;
39
44
text-overflow: ellipsis;
40
45
white-space: nowrap;
46
+
}
47
+
.no-avatar {
48
+
margin-left: 60px !important;
41
49
}
42
50
#avatar {
43
51
width: 50px;