|
|
@ -77,6 +77,7 @@ const attachments: ComputedRef<Attachment[]> = computed(() => { |
|
|
|
'!bg-white': isLoading, |
|
|
|
'!bg-white': isLoading, |
|
|
|
'!border-1': isLinked && !isLoading, |
|
|
|
'!border-1': isLinked && !isLoading, |
|
|
|
'!hover:border-gray-400': !isLinked, |
|
|
|
'!hover:border-gray-400': !isLinked, |
|
|
|
|
|
|
|
'!cursor-auto !hover:bg-white': readonly, |
|
|
|
}" |
|
|
|
}" |
|
|
|
:body-style="{ padding: 0 }" |
|
|
|
:body-style="{ padding: 0 }" |
|
|
|
:hoverable="false" |
|
|
|
:hoverable="false" |
|
|
@ -109,7 +110,7 @@ const attachments: ComputedRef<Attachment[]> = computed(() => { |
|
|
|
v-if="isLinked && !isLoading" |
|
|
|
v-if="isLinked && !isLoading" |
|
|
|
class="text-brand-500 text-0.875" |
|
|
|
class="text-brand-500 text-0.875" |
|
|
|
:class="{ |
|
|
|
:class="{ |
|
|
|
'!group-hover:mr-12': fields.length === 0, |
|
|
|
'!group-hover:mr-12': fields.length === 0 && !readonly, |
|
|
|
}" |
|
|
|
}" |
|
|
|
> |
|
|
|
> |
|
|
|
<LinkIcon class="w-4 h-4" /> |
|
|
|
<LinkIcon class="w-4 h-4" /> |
|
|
@ -118,7 +119,7 @@ const attachments: ComputedRef<Attachment[]> = computed(() => { |
|
|
|
<MdiLoading |
|
|
|
<MdiLoading |
|
|
|
v-else-if="isLoading" |
|
|
|
v-else-if="isLoading" |
|
|
|
:class="{ |
|
|
|
:class="{ |
|
|
|
'!group-hover:mr-8': fields.length === 0, |
|
|
|
'!group-hover:mr-8': fields.length === 0 && !readonly, |
|
|
|
}" |
|
|
|
}" |
|
|
|
class="w-6 h-6 !text-brand-500 animate-spin" |
|
|
|
class="w-6 h-6 !text-brand-500 animate-spin" |
|
|
|
/> |
|
|
|
/> |
|
|
|