mirrors/elk
1
0
Fork 0
mirror of https://github.com/elk-zone/elk.git synced 2025-03-28 12:31:43 +03:00
Code Issues Projects Releases Packages Wiki Activity

fix: adjust "Pinned post" position and styling

Browse source
This commit is contained in:
TAKAHASHI Shuuji 2024-04-09 00:05:31 +09:00
parent 06e906f95e
commit c874b3d6c5
1 changed files with 13 additions and 13 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

26
components/status/StatusCard.vue
View file

@ -76,6 +76,19 @@ const forceShow = ref(false)
<div :h="showUpperBorder ? '1px' : '0'" w-auto bg-border mb-1 /> <div :h="showUpperBorder ? '1px' : '0'" w-auto bg-border mb-1 />
<slot name="meta"> <slot name="meta">
<!-- Pinned status -->
<div flex="~ col" justify-between>
<div
v-if="isPinned"
flex="~ gap2" items-center h-auto text-sm text-orange
m="is-5" p="t-1 is-5"
relative text-secondary ws-nowrap
>
<div i-ri:pushpin-line />
<span>Pinned post</span>
</div>
</div>
<!-- Line connecting to previous status --> <!-- Line connecting to previous status -->
<template v-if="status.inReplyToAccountId"> <template v-if="status.inReplyToAccountId">
<StatusReplyingTo <StatusReplyingTo
@ -114,19 +127,6 @@ const forceShow = ref(false)
<AccountInlineInfo font-bold :account="rebloggedBy" :avatar="false" text-sm /> <AccountInlineInfo font-bold :account="rebloggedBy" :avatar="false" text-sm />
</div> </div>
</div> </div>
<!-- Pinned status -->
<div flex="~ col" justify-between>
<div
v-if="isPinned"
flex="~" items-center
p="t-1 b-0.5 x-1px"
relative text-secondary ws-nowrap
>
<div i-ri:pushpin-line mx-1 text-orange w-16px h-16px />
<span text-primary>Pinned post</span>
</div>
</div>
</slot> </slot>
<div flex gap-3 :class="{ 'text-secondary': inNotification }"> <div flex gap-3 :class="{ 'text-secondary': inNotification }">