zio/elk
2
0
Fork 0
Code Releases 2 Packages 1 Activity

refactor: improve UI

Browse source
This commit is contained in:
三咲智子 2022-11-23 22:39:48 +08:00
parent 1771291c08
commit 889b4b8a00
No known key found for this signature in database
GPG key ID: 69992F2250DFD93E
12 changed files with 54 additions and 39 deletions
Download patch file Download diff file Expand all files Collapse all files

12
components/account/AccountHeader.vue
View file

@ -24,14 +24,14 @@ const createdAt = $computed(() => {
<AccountAvatar :account="account" w-30 h-30 />
</NuxtLink>
</div>
<NuxtLink flex flex-col :to="`/@${account.acct}`">
<div flex flex-col>
<CommonRichContent font-bold text-2xl :content="getDisplayName(account)" :emojis="account.emojis" />
<p op50>
@{{ account.acct }}
</p>
</NuxtLink>
</div>
</div>
<div flex gap-2>
<div flex gap-2 items-center>
<AccountFollowButton :account="account" />
<!-- <button flex gap-1 items-center w-full rounded op75 hover="op100 text-purple" group>
<div rounded p2 group-hover="bg-rose/10">
@ -65,13 +65,13 @@ const createdAt = $computed(() => {
</div>
</div>
<div flex gap-5>
<NuxtLink :to="`/@${account.acct}/`">
<NuxtLink :to="`/@${account.acct}/`" active-class="text-primary">
<span font-bold>{{ account.statusesCount }}</span> Posts
</NuxtLink>
<NuxtLink :to="`/@${account.acct}/following`">
<NuxtLink :to="`/@${account.acct}/following`" active-class="text-primary">
<span font-bold>{{ account.followingCount }}</span> Following
</NuxtLink>
<NuxtLink :to="`/@${account.acct}/followers`">
<NuxtLink :to="`/@${account.acct}/followers`" active-class="text-primary">
<span font-bold>{{ account.followersCount }}</span> Followers
</NuxtLink>
</div>