lux
/
firefish
mirror of https://firefish.dev/firefish/firefish.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

style: simplify notifications display

This commit is contained in:
naskya 2024-02-15 23:15:59 +09:00
parent 37a9a6e155
commit a770ef4314
No known key found for this signature in database
GPG Key ID: 712D413B3A9FED5C
2 changed files with 4 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
packages/client/src/components/MkNote.vue
View File

@ -25,7 +25,7 @@
}"
@click="noteClick"
>
<div class="line"></div>
<div v-if="!collapsedReply" class="line"></div>
<div v-if="appearNote._prId_" class="info">
<i :class="icon('ph-megaphone-simple-bold')"></i>
{{ i18n.ts.promotion
@ -745,9 +745,9 @@ defineExpose({
> .line {
position: relative;
z-index: 2;
width: var(--avatarSize);
width: 0;
display: flex;
margin-right: 14px;
margin-right: 0;
margin-top: 0;
flex-grow: 0;
pointer-events: none;
@ -1003,7 +1003,7 @@ defineExpose({
margin-top: 0px;
}
> .line {
margin-right: 10px;
margin-right: 0;
&::before {
margin-top: 8px;
}

15
packages/client/src/components/MkNotification.vue
View File

@ -114,15 +114,12 @@
:to="notePage(notification.note)"
:title="getNoteSummary(notification.note)"
>
<span>{{ i18n.ts._notification.reacted }}: </span>
<i class="ph-quotes ph-fill ph-lg"></i>
<Mfm
:text="getNoteSummary(notification.note)"
:plain="true"
:nowrap="!full"
:custom-emojis="notification.note.emojis"
/>
<i class="ph-quotes ph-fill"></i>
</MkA>
<MkA
v-if="notification.type === 'renote'"
@ -130,15 +127,12 @@
:to="notePage(notification.note)"
:title="getNoteSummary(notification.note.renote)"
>
<span>{{ i18n.ts._notification.renoted }}: </span>
<i class="ph-quotes ph-fill ph-lg"></i>
<Mfm
:text="getNoteSummary(notification.note.renote)"
:plain="true"
:nowrap="!full"
:custom-emojis="notification.note.renote.emojis"
/>
<i class="ph-quotes ph-fill"></i>
</MkA>
<MkA
v-if="notification.type === 'reply'"
@ -185,15 +179,12 @@
:to="notePage(notification.note)"
:title="getNoteSummary(notification.note)"
>
<span>{{ i18n.ts._notification.voted }}: </span>
<i class="ph-quotes ph-fill ph-lg"></i>
<Mfm
:text="getNoteSummary(notification.note)"
:plain="true"
:nowrap="!full"
:custom-emojis="notification.note.emojis"
/>
<i class="ph-quotes ph-fill"></i>
</MkA>
<MkA
v-if="notification.type === 'pollEnded'"
@ -201,14 +192,12 @@
:to="notePage(notification.note)"
:title="getNoteSummary(notification.note)"
>
<i class="ph-quotes ph-fill"></i>
<Mfm
:text="getNoteSummary(notification.note)"
:plain="true"
:nowrap="!full"
:custom-emojis="notification.note.emojis"
/>
<i class="ph-quotes ph-fill"></i>
</MkA>
<span
v-if="notification.type === 'follow'"
@ -518,10 +507,6 @@ useTooltip(reactionRef, (showing) => {
overflow: hidden;
text-overflow: ellipsis;
> span:first-child {
opacity: 0.7;
}
> i {
vertical-align: super;
font-size: 50%;