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:
2026-10-22 20:37:46 +02:00
co-authored by Devin
parent aedadd56ad
commit db3b09e445
+3 -11
View File
@@ -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"