ui: adjust

zio/stable
Anthony Fu 2022-11-27 04:48:06 +08:00
parent 321a200e27
commit a05880d922
3 changed files with 8 additions and 8 deletions

View File

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

View File

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

View File

@ -15,7 +15,7 @@ const account = asyncComputed(() => fetchAccount(status.inReplyToAccountId!))
:to="getStatusInReplyToPath(status)" :to="getStatusInReplyToPath(status)"
:title="account ? `Replying to ${getDisplayName(account)}` : 'Replying to someone'" :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" /> <AccountInlineInfo v-if="account" :account="account" :link="false" />
<span v-else>Someone</span> <span v-else>Someone</span>
's post 's post