mirror of
https://github.com/elk-zone/elk.git
synced 2024-09-06 12:19:08 +01:00
ui: adjust
This commit is contained in:
parent
321a200e27
commit
a05880d922
3 changed files with 8 additions and 8 deletions
|
@ -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);"
|
||||||
|
|
|
@ -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>
|
||||||
|
|
|
@ -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
|
||||||
|
|
Loading…
Reference in a new issue