diff options
| author | dakkar <dakkar@thenautilus.net> | 2024-12-18 16:14:47 +0000 |
|---|---|---|
| committer | dakkar <dakkar@thenautilus.net> | 2024-12-18 16:14:47 +0000 |
| commit | 2dfadc082d485ac4ff0edc28ffe81b99aea87cbe (patch) | |
| tree | e0856d7af791672b3b26ecbd8269971db615cb2b /packages/frontend/src/components/MkUrlPreview.vue | |
| parent | preview AP objects as quotes - fix #595 (diff) | |
| download | sharkey-2dfadc082d485ac4ff0edc28ffe81b99aea87cbe.tar.gz sharkey-2dfadc082d485ac4ff0edc28ffe81b99aea87cbe.tar.bz2 sharkey-2dfadc082d485ac4ff0edc28ffe81b99aea87cbe.zip | |
style embedded note previews like normal previews
and not like normal quotes
Diffstat (limited to 'packages/frontend/src/components/MkUrlPreview.vue')
| -rw-r--r-- | packages/frontend/src/components/MkUrlPreview.vue | 14 |
1 files changed, 1 insertions, 13 deletions
diff --git a/packages/frontend/src/components/MkUrlPreview.vue b/packages/frontend/src/components/MkUrlPreview.vue index 538a2a339a..2fd2897097 100644 --- a/packages/frontend/src/components/MkUrlPreview.vue +++ b/packages/frontend/src/components/MkUrlPreview.vue @@ -43,7 +43,7 @@ SPDX-License-Identifier: AGPL-3.0-only </MkButton> </div> </template> -<div v-else-if="theNote" :class="$style.quote"><XNoteSimple :note="theNote" :class="$style.quoteNote"/></div> +<div v-else-if="theNote" :class="[$style.link, { [$style.compact]: compact }]"><XNoteSimple :note="theNote" :class="$style.body"/></div> <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"> <div v-if="thumbnail && !sensitive" :class="$style.thumbnail" :style="defaultStore.state.dataSaver.urlPreview ? '' : `background-image: url('${thumbnail}')`"> @@ -419,16 +419,4 @@ onUnmounted(() => { height: 12px; } } - -.quote { - padding: 8px 0; -} - -.quoteNote { - padding: 16px; - // Made border solid, stylistic choice - border: solid 1px var(--MI_THEME-renote); - border-radius: var(--MI-radius-sm); - overflow: clip; -} </style> |