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