version 0.3.0 #1
|
@ -10,7 +10,10 @@
|
|||
<div class="post-context">
|
||||
<span class="post-context-icon">🔁</span>
|
||||
<span class="post-context-action">
|
||||
<a href={post.user.url} target="_blank">{@html parseEmojis(post.user.rich_name)}</a> boosted this post.
|
||||
<a href={post.user.url} target="_blank"><span class="name">
|
||||
{@html parseEmojis(post.user.rich_name)}</span>
|
||||
</a>
|
||||
boosted this post.
|
||||
</span>
|
||||
<span class="post-context-time">
|
||||
<time title="{time_string}">{short_time(post.created_at)}</time>
|
||||
|
@ -48,6 +51,12 @@
|
|||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.post-context .name :global(.emoji) {
|
||||
position: relative;
|
||||
top: .2em;
|
||||
height: 1.2em;
|
||||
}
|
||||
|
||||
.post-context-time {
|
||||
margin-left: auto;
|
||||
}
|
||||
|
|
|
@ -8,16 +8,16 @@
|
|||
let time_string = post.created_at.toLocaleString();
|
||||
</script>
|
||||
|
||||
<div class={"post-header-container" + (reply ? " reply" : "")} on:mouseup|stopPropagation>
|
||||
<a href={post.user.url} target="_blank" class="post-avatar-container">
|
||||
<div class={"post-header-container" + (reply ? " reply" : "")}>
|
||||
<a href={post.user.url} target="_blank" class="post-avatar-container" on:mouseup|stopPropagation>
|
||||
<img src={post.user.avatar_url} type={post.user.avatar_type} alt="" width="48" height="48" class="post-avatar" loading="lazy" decoding="async">
|
||||
</a>
|
||||
<header class="post-header">
|
||||
<div class="post-user-info">
|
||||
<div class="post-user-info" on:mouseup|stopPropagation>
|
||||
<a href={post.user.url} target="_blank" class="name">{@html post.user.rich_name}</a>
|
||||
<span class="username">{post.user.mention}</span>
|
||||
</div>
|
||||
<div class="post-info">
|
||||
<div class="post-info" on:mouseup|stopPropagation>
|
||||
<a href={post.url} target="_blank" class="created-at">
|
||||
<time title={time_string}>{short_time(post.created_at)}</time>
|
||||
{#if post.visibility !== "public"}
|
||||
|
@ -82,8 +82,8 @@
|
|||
|
||||
.post-user-info .name :global(.emoji) {
|
||||
position: relative;
|
||||
top: 4px;
|
||||
height: 20px;
|
||||
top: .2em;
|
||||
height: 1.2em;
|
||||
}
|
||||
|
||||
.post-user-info .username {
|
||||
|
|
Loading…
Reference in a new issue