diff --git a/components/publish/PublishAttachment.vue b/components/publish/PublishAttachment.vue index edc3a30d..a187f49e 100644 --- a/components/publish/PublishAttachment.vue +++ b/components/publish/PublishAttachment.vue @@ -20,10 +20,13 @@ defineEmits<{ <div absolute right-2 top-2> <div v-if="removable" - hover:bg="gray/40" transition-100 p-1 rounded-5 cursor-pointer op-0 group-hover:op-100 + aria-label="Remove attachment" + hover:bg="gray/40" transition-100 p-1 rounded-5 cursor-pointer + :class="[isSmallScreen ? '' : 'op-0 group-hover:op-100hover:']" + mix-blend-difference @click="$emit('remove')" > - <div i-ri:close-line text-3 /> + <div i-ri:close-line text-3 :class="[isSmallScreen ? 'text-6' : 'text-3']" /> </div> </div> </div>