@@ -39,12 +40,12 @@
[TODO: content warning {status.spoiler_text}
]
{/if}
- {@html status.content}
+
{#each status.media_attachments as attachment}
- [TODO: attachment {attachment.description || '(no description)'}
]
+ [TODO: attachment {attachment.description || '(no description)'}
]
{/each}
@@ -70,13 +71,12 @@
}
.status aside {
- width: 4rem;
- margin-inline-end: 1em;
+ width: 3em;
+ margin-inline-end: 0.75em;
}
.status .avatar {
- border-radius: 6px;
- height: 3em;
+ border-radius: 4px;
max-width: 3em;
}
@@ -99,9 +99,14 @@
flex-direction: row;
justify-content: space-between;
width: 100%;
+ margin-bottom: 0.5em;
}
.status .status-body {
margin-bottom: 0;
}
+
+ :global(.status-body > *:first-child, .status-body > .foreign-content > *:first-child) {
+ margin-top: 0;
+ }
diff --git a/src/lib/components/StatusContent.svelte b/src/lib/components/StatusContent.svelte
new file mode 100644
index 0000000..b1a66ea
--- /dev/null
+++ b/src/lib/components/StatusContent.svelte
@@ -0,0 +1,48 @@
+
+
+
+ {@html status.content}
+
+
+
diff --git a/src/lib/mastoapi/account.ts b/src/lib/mastoapi/account.ts
index 295a11e..c80e837 100644
--- a/src/lib/mastoapi/account.ts
+++ b/src/lib/mastoapi/account.ts
@@ -13,10 +13,12 @@ export interface MastodonAccount extends MastodonObject {
note: string;
bot: boolean;
-}
-export function linkAccount(account: MastodonAccount) {
- return '/acc/' + account.id;
+ fields: {
+ name: string;
+ value: string;
+ verified_at: string | null;
+ }[];
}
export async function fetchAccount(instance: InstanceInfo, id: string): Promise
{
diff --git a/src/lib/mastoapi/status.ts b/src/lib/mastoapi/status.ts
index 306e022..dc89ad4 100644
--- a/src/lib/mastoapi/status.ts
+++ b/src/lib/mastoapi/status.ts
@@ -18,6 +18,16 @@ export interface MastodonStatus extends MastodonObject {
url: string;
in_reply_to_id: string | null;
media_attachments: MastodonMediaAttachment[];
+ tags: {
+ name: string;
+ url: string;
+ }[];
+ mentions: {
+ acct: string;
+ id: string;
+ username: string;
+ url: string;
+ }[];
}
export interface MastodonStatusContext {