- {#if client.instance && client.instance.icon_url && client.instance.banner_url}
-
- {:else}
-
- {/if}
+
+ {#if $logged_in}
-
- {#if (client.user)}
@@ -138,11 +151,11 @@
@@ -212,6 +225,7 @@
transform: translate(22px, -16px);
min-width: 12px;
height: 28px;
+ margin-left: auto;
padding: 0 8px;
display: flex;
justify-content: center;
@@ -323,6 +337,7 @@
overflow: hidden;
white-space: nowrap;
font-size: .8em;
+ color: inherit;
}
.username {
diff --git a/src/lib/ui/Notification.svelte b/src/lib/ui/Notification.svelte
new file mode 100644
index 0000000..58427c6
--- /dev/null
+++ b/src/lib/ui/Notification.svelte
@@ -0,0 +1,227 @@
+
+
+
+
+
+ {#if data.type === "favourite"}
+
+ {:else if data.type === "reblog"}
+
+ {:else if data.type === "react"}
+
+ {:else if data.type === "mention"}
+
+ {:else}
+
+ {/if}
+
+
+ {#if data.accounts.length == 1}
+
+
+
+ {:else}
+ {#each accounts_short as account}
+
+ {/each}
+ {/if}
+
+ {@html activity_text.replace("%1", mention(data.accounts))}
+
+ {#if data.status}
+
+ {@html data.status.html}
+
+ {#if data.type === "mention"}
+ {#if data.status.reactions}
+
+ {/if}
+
+ {/if}
+ {/if}
+
+
+
diff --git a/src/lib/ui/post/ActionBar.svelte b/src/lib/ui/post/ActionBar.svelte
index 83a4781..2b4c579 100644
--- a/src/lib/ui/post/ActionBar.svelte
+++ b/src/lib/ui/post/ActionBar.svelte
@@ -1,5 +1,5 @@
-