Mizah/mizzkey
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

remove margin from MkNoteSimple root

Browse source
This commit is contained in:
Kagami Sascha Rosylight 2023-12-30 16:31:34 +01:00
parent 73842166ee
commit 12b82aca5f
3 changed files with 7 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
packages/frontend/src/components/MkNote.vue
View file

@ -83,7 +83,7 @@ SPDX-License-Identifier: AGPL-3.0-only
</div> </div>
<MkPoll v-if="appearNote.poll" :note="appearNote" :class="$style.poll"/> <MkPoll v-if="appearNote.poll" :note="appearNote" :class="$style.poll"/>
<MkUrlPreview v-for="url in urls" :key="url" :url="url" :compact="true" :detail="false" :class="$style.urlPreview"/> <MkUrlPreview v-for="url in urls" :key="url" :url="url" :compact="true" :detail="false" :class="$style.urlPreview"/>
<MkNoteSimple v-if="appearNote.renote" :note="appearNote.renote" :quoted="true"/> <MkNoteSimple v-if="appearNote.renote" :class="$style.quote" :note="appearNote.renote" :quoted="true"/>
<button v-if="isLong && collapsed" :class="$style.collapsed" class="_button" @click="collapsed = false"> <button v-if="isLong && collapsed" :class="$style.collapsed" class="_button" @click="collapsed = false">
<span :class="$style.collapsedLabel">{{ i18n.ts.showMore }}</span> <span :class="$style.collapsedLabel">{{ i18n.ts.showMore }}</span>
</button> </button>
@ -800,6 +800,10 @@ function emitUpdReaction(emoji: string, delta: number) {
font-size: 80%; font-size: 80%;
} }
.quote {
margin: 8px 0;
}
.channel { .channel {
opacity: 0.7; opacity: 0.7;
font-size: 80%; font-size: 80%;

1
packages/frontend/src/components/MkNoteSimple.vue
View file

@ -81,7 +81,6 @@ const showContent = ref(false);
} }
.quoted { .quoted {
margin: 8px 0;
padding: 16px; padding: 16px;
border: dashed 1px var(--renote); border: dashed 1px var(--renote);
border-radius: 8px; border-radius: 8px;

4
packages/frontend/src/components/MkUrlPreview.vue
View file

@ -26,7 +26,7 @@ SPDX-License-Identifier: AGPL-3.0-only
</MkButton> </MkButton>
</div> </div>
</template> </template>
<template v-else-if="postExpanded"> <div v-else-if="postExpanded">
<div v-if="tweetId" ref="twitter"> <div v-if="tweetId" ref="twitter">
<iframe <iframe
ref="tweet" ref="tweet"
@ -43,7 +43,7 @@ SPDX-License-Identifier: AGPL-3.0-only
<i v-if="tweetId" class="ti ti-x"></i> {{ i18n.ts.close }} <i v-if="tweetId" class="ti ti-x"></i> {{ i18n.ts.close }}
</MkButton> </MkButton>
</div> </div>
</template> </div>
<div v-else> <div v-else>
<component :is="self ? 'MkA' : 'a'" :class="[$style.link, { [$style.compact]: compact }]" :[attr]="self ? url.substring(local.length) : url" rel="nofollow noopener" :target="target" :title="url"> <component :is="self ? 'MkA' : 'a'" :class="[$style.link, { [$style.compact]: compact }]" :[attr]="self ? url.substring(local.length) : url" rel="nofollow noopener" :target="target" :title="url">
<div v-if="thumbnail && !sensitive" :class="$style.thumbnail" :style="defaultStore.state.dataSaver.urlPreview ? '' : `background-image: url('${thumbnail}')`"> <div v-if="thumbnail && !sensitive" :class="$style.thumbnail" :style="defaultStore.state.dataSaver.urlPreview ? '' : `background-image: url('${thumbnail}')`">