chore: formatting

This commit is contained in:
ThatOneCalculator 2023-05-19 23:27:56 -07:00
parent 83db6ec70a
commit b049b5bfaa
No known key found for this signature in database
GPG Key ID: 8703CACD01000000
5 changed files with 18 additions and 20 deletions

View File

@ -478,8 +478,8 @@ export const meta = {
properties: { properties: {
postEditing: { postEditing: {
type: "boolean", type: "boolean",
} },
} },
}, },
}, },
}, },

View File

@ -253,7 +253,10 @@ let clips = $ref();
let renotes = $ref(); let renotes = $ref();
let isScrolling; let isScrolling;
const reactionsCount = Object.values(props.note.reactions).reduce((x,y) => x + y, 0); const reactionsCount = Object.values(props.note.reactions).reduce(
(x, y) => x + y,
0
);
const keymap = { const keymap = {
r: () => reply(true), r: () => reply(true),
@ -524,14 +527,14 @@ onUnmounted(() => {
} }
} }
> :deep(.chips), { > :deep(.chips) {
padding-block: 6px 12px; padding-block: 6px 12px;
padding-left: 32px; padding-left: 32px;
&:last-child { &:last-child {
margin-bottom: 12px; margin-bottom: 12px;
} }
} }
> :deep(.user-card-mini), > :deep(.user-card-mini),
> :deep(.reacted-users > *) { > :deep(.reacted-users > *) {
padding-inline: 32px; padding-inline: 32px;
border-top: 1px solid var(--divider); border-top: 1px solid var(--divider);

View File

@ -4,10 +4,7 @@
<button <button
v-for="reaction in reactions" v-for="reaction in reactions"
:key="reaction" :key="reaction"
:class="[ :class="[$style.tab, { [$style.tabActive]: tab === reaction }]"
$style.tab,
{ [$style.tabActive]: tab === reaction },
]"
class="_button" class="_button"
@click="tab = reaction" @click="tab = reaction"
> >
@ -15,10 +12,7 @@
ref="reactionRef" ref="reactionRef"
:reaction=" :reaction="
reaction reaction
? reaction.replace( ? reaction.replace(/^:(\w+):$/, ':$1@.:')
/^:(\w+):$/,
':$1@.:'
)
: reaction : reaction
" "
:custom-emojis="note.emojis" :custom-emojis="note.emojis"
@ -32,7 +26,7 @@
v-for="user in users" v-for="user in users"
:key="user.id" :key="user.id"
:user="user" :user="user"
:with-chart="false" :with-chart="false"
/> />
</div> </div>
<div v-else> <div v-else>

View File

@ -90,7 +90,11 @@ export default defineComponent({
font-size: 0.85em; font-size: 0.85em;
overflow-x: auto; overflow-x: auto;
mask: linear-gradient(to right, black calc(100% - 90px), transparent); mask: linear-gradient(to right, black calc(100% - 90px), transparent);
-webkit-mask: linear-gradient(to right, black calc(100% - 90px), transparent); -webkit-mask: linear-gradient(
to right,
black calc(100% - 90px),
transparent
);
padding-right: 90px !important; padding-right: 90px !important;
&::-webkit-scrollbar { &::-webkit-scrollbar {
display: none; display: none;
@ -109,7 +113,7 @@ export default defineComponent({
margin-top: -0.1em; margin-top: -0.1em;
} }
> .count { > .count {
margin-right: -.2em; margin-right: -0.2em;
} }
} }
} }

View File

@ -14,10 +14,7 @@
</div> </div>
</template> </template>
<template #default="{ items }"> <template #default="{ items }">
<MkInfo <MkInfo v-if="$i?.isLocked === false" warn class="info"
v-if="$i?.isLocked === false"
warn
class="info"
>{{ i18n.ts.silencedWarning }} >{{ i18n.ts.silencedWarning }}
</MkInfo> </MkInfo>
<div class="mk-follow-requests"> <div class="mk-follow-requests">