teutat3s/elk
1
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

ui: add hover indicator for post elements (#89)

Browse source
This commit is contained in:
Shinigami 2022-11-25 14:21:42 +01:00 committed by GitHub
parent c2810fd5eb
commit d71f5b6420
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
4 changed files with 4 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
components/account/AccountInfo.vue
View file

@ -19,7 +19,7 @@ const accountHandle = $(useAccountHandle(account, fullServer))
</NuxtLink> </NuxtLink>
</div> </div>
<NuxtLink flex flex-col :to="link ? getAccountPath(account) : null"> <NuxtLink flex flex-col :to="link ? getAccountPath(account) : null">
<ContentRichSetup font-bold :content="getDisplayName(account)" :emojis="account.emojis" /> <ContentRichSetup font-bold hover:underline :content="getDisplayName(account)" :emojis="account.emojis" />
<p op35 text-sm> <p op35 text-sm>
{{ accountHandle }} {{ accountHandle }}
</p> </p>

2
components/account/AccountInlineInfo.vue
View file

@ -10,6 +10,6 @@ const { link = true } = defineProps<{
<template> <template>
<NuxtLink :to="link ? getAccountPath(account) : undefined" min-w-0 flex gap-1 items-center> <NuxtLink :to="link ? getAccountPath(account) : undefined" min-w-0 flex gap-1 items-center>
<AccountAvatar :account="account" w-5 h-5 hover /> <AccountAvatar :account="account" w-5 h-5 hover />
<ContentRichSetup :content="getDisplayName(account)" :emojis="account.emojis" /> <ContentRichSetup hover:underline :content="getDisplayName(account)" :emojis="account.emojis" />
</NuxtLink> </NuxtLink>
</template> </template>

2
components/status/StatusAccountDetails.vue
View file

@ -14,7 +14,7 @@ const accountHandle = $(useAccountHandle(account))
:to="link ? getAccountPath(account) : undefined" :to="link ? getAccountPath(account) : undefined"
flex="~ col" min-w-0 md:flex="~ row gap-2" md:items-center flex="~ col" min-w-0 md:flex="~ row gap-2" md:items-center
> >
<ContentRichSetup font-bold break-words :content="getDisplayName(account)" :emojis="account.emojis" /> <ContentRichSetup font-bold break-words hover:underline :content="getDisplayName(account)" :emojis="account.emojis" />
<p op35 text-sm> <p op35 text-sm>
{{ accountHandle }} {{ accountHandle }}
</p> </p>

2
components/status/StatusCard.vue
View file

@ -83,7 +83,7 @@ const timeago = useTimeAgo(() => status.createdAt, {
<StatusAccountDetails :account="status.account" /> <StatusAccountDetails :account="status.account" />
<div flex-auto /> <div flex-auto />
<CommonTooltip :content="createdAt"> <CommonTooltip :content="createdAt">
<div text-sm op50 :title="status.createdAt"> <div text-sm op50 hover:underline :title="status.createdAt">
{{ timeago }} {{ timeago }}
</div> </div>
</CommonTooltip> </CommonTooltip>