Use a static uploader border in thread user info
Generated with [Devin](https://devin.ai) Co-Authored-By: Devin <158243242+devin-ai-integration[bot]@users.noreply.github.com>
This commit is contained in:
+3
-11
@@ -9,9 +9,7 @@ import { twitchEmbedUrl } from '~~/shared/utils/twitch'
|
||||
import { normalizeTagName } from '~~/shared/utils/tags'
|
||||
import { formatFileSize, isImageAttachment } from '~~/shared/utils/attachments'
|
||||
import type { CommentAttachment } from '~~/shared/utils/attachments'
|
||||
import { isCardBorderEffect } from '~~/shared/utils/cardBorderEffects'
|
||||
import { cn } from '@/lib/utils'
|
||||
import CardBorderEffect from '@/components/effects/CardBorderEffect.vue'
|
||||
import CommentContent from '@/components/CommentContent.vue'
|
||||
import ImageLightbox from '@/components/ImageLightbox.vue'
|
||||
import { Badge } from '@/components/ui/badge'
|
||||
@@ -578,13 +576,8 @@ onUnmounted(() => {
|
||||
commentListRo = null
|
||||
})
|
||||
|
||||
// Uploader-Border-Effekt (z. B. beam/electric) und Signaturfarbe
|
||||
const uploaderCardBorderEffect = computed(() => {
|
||||
const k = data.value?.upload.userCardBorderEffect
|
||||
return k && isCardBorderEffect(k) ? k : null
|
||||
})
|
||||
// Signaturfarbe des Uploaders
|
||||
const uploaderColor = computed(() => data.value?.upload.userColor ?? '#6366f1')
|
||||
const uploaderBorderColor = computed(() => data.value?.upload.userCardBorderEffectColor ?? uploaderColor.value)
|
||||
|
||||
function isUploaderComment(comment: CommentItem) {
|
||||
return comment.userId != null && comment.userId === data.value?.upload.userId
|
||||
@@ -1566,10 +1559,9 @@ async function deleteComment(commentId: number) {
|
||||
<div
|
||||
v-else-if="blockId === 'uploader' && data"
|
||||
class="thread-reveal relative isolate mx-auto flex w-full items-center gap-3 overflow-hidden rounded-md border px-4 py-3"
|
||||
:class="[zoneColW(zone), uploaderCardBorderEffect && 'border-transparent']"
|
||||
:style="!uploaderCardBorderEffect ? { borderColor: uploaderColor } : undefined"
|
||||
:class="zoneColW(zone)"
|
||||
:style="{ borderColor: uploaderColor }"
|
||||
>
|
||||
<CardBorderEffect v-if="uploaderCardBorderEffect" :effect="uploaderCardBorderEffect" :color="uploaderBorderColor" class="-z-10" />
|
||||
<div
|
||||
v-if="data.upload.isBot || data.upload.userId === null"
|
||||
class="flex min-w-0 items-start gap-3"
|
||||
|
||||
Reference in New Issue
Block a user