phlaym/moshing-mammut
1
0
Fork 0
Code Issues 4 Pull Requests Projects Releases 8 Activity

UI improvements

Browse Source
This commit is contained in:
Max Nuding
2023-04-01 20:05:52 +02:00
parent df6f2befeb
commit 963bcbf889
4 changed files with 83 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
src/lib/components/PostComponent.svelte
View File

@ -8,12 +8,15 @@
$: dateCreated = new Date(post.created_at).toLocaleString();
</script>
<div class="wrapper">
<div class="avatar"><AvatarComponent account={post.account} /></div>
<div class="post">
<AccountComponent account={post.account} />
<small><a href={post.url} target="_blank">{dateCreated}</a></small>
{@html post.content}
<div class="meta">
<AccountComponent account={post.account} />
<small><a href={post.url} target="_blank">{dateCreated}</a></small>
</div>
<div class="content">{@html post.content}</div>
</div>
</div>
@ -24,8 +27,17 @@
.post {
display: flex;
flex-direction: column;
flex-grow: 2;
}
.meta {
display: flex;
justify-content: space-between;
}
.avatar {
margin-right: 1em;
}
.content {
max-width: calc(600px - 1em - 50px);
overflow-x: auto;
}
</style>