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

ui: adjust

Browse source
This commit is contained in:
Anthony Fu 2022-11-27 04:48:06 +08:00
parent 321a200e27
commit a05880d922
3 changed files with 8 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
components/account/AccountAvatar.vue
View file

@ -17,9 +17,9 @@ defineOptions({
<AccountHoverCard
:account="account"
absolute top-0 left-0 z-10
op0 pointer-events-none rotate--2 mt--100vh
font-normal delay-300 duration-300 transition transform invisible
group-hover="visible pointer-events-auto op100 rotate-0 mt-0"
op0 pointer-events-none mt--100vh
font-normal delay-300 duration-400 transition transform invisible
group-hover="visible pointer-events-auto op100 mt-0"
translate="x-[calc(-1rem-1px)] y-[calc(-1rem-1px)]"
class="ease-[cubic-bezier(0.4, 0.0, 0.2, 1)]"
style="transform-origin: calc(1rem + 1px) calc(0.75rem + 1px);"

8
components/notification/NotificationCard.vue
View file

@ -16,7 +16,7 @@ const { notification } = defineProps<{
</div>
<AccountCard :account="notification.account" p3 />
</template>
<template v-if="notification.type === 'follow_request'">
<template v-else-if="notification.type === 'follow_request'">
<div flex ml-4 items-center>
<div i-ri:user-follow-fill mr-3 />
<AccountInlineInfo :account="notification.account" mr1 />
@ -25,7 +25,7 @@ const { notification } = defineProps<{
<!-- TODO: accept request -->
<AccountCard :account="notification.account" p3 />
</template>
<template v-if="notification.type === 'favourite'">
<template v-else-if="notification.type === 'favourite'">
<div flex ml-4 items-center>
<div i-ri:heart-fill mr-3 color-red />
<AccountInlineInfo :account="notification.account" mr1 />
@ -33,7 +33,7 @@ const { notification } = defineProps<{
</div>
<StatusCard :status="notification.status!" p3 />
</template>
<template v-if="notification.type === 'reblog'">
<template v-else-if="notification.type === 'reblog'">
<div flex ml-4 items-center>
<div i-ri:repeat-fill mr-3 color-green />
<AccountInlineInfo :account="notification.account" mr1 />
@ -41,7 +41,7 @@ const { notification } = defineProps<{
</div>
<StatusCard :status="notification.status!" p3 />
</template>
<template v-if="notification.type === 'mention' || notification.type === 'poll' || notification.type === 'status'">
<template v-else-if="notification.type === 'mention' || notification.type === 'poll'">
<StatusCard :status="notification.status!" p3 />
</template>
</div>

2
components/status/StatusReplyingTo.vue
View file

@ -15,7 +15,7 @@ const account = asyncComputed(() => fetchAccount(status.inReplyToAccountId!))
:to="getStatusInReplyToPath(status)"
:title="account ? `Replying to ${getDisplayName(account)}` : 'Replying to someone'"
>
<div i-ri:reply-fill rotate-180 text-secondary class="mr-1.5" />
<div i-ri:reply-fill rotate-180 text-secondary-light class="mr-1.5" />
<AccountInlineInfo v-if="account" :account="account" :link="false" />
<span v-else>Someone</span>
's post