From be5d32cb4a17aa6c4dfb06dd2b0d2ef552e8018f Mon Sep 17 00:00:00 2001
From: dilinger <dilinger@queued.net>
Date: Sat, 21 Jan 2023 05:52:36 -0500
Subject: [PATCH] fix: make attachement removal button static & more visible
 #1067 (#1286)

Co-authored-by: patak <matias.capeletto@gmail.com>
---
 components/publish/PublishAttachment.vue | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/components/publish/PublishAttachment.vue b/components/publish/PublishAttachment.vue
index b8444e8a..fa29a2e7 100644
--- a/components/publish/PublishAttachment.vue
+++ b/components/publish/PublishAttachment.vue
@@ -30,9 +30,8 @@ const toggleApply = () => {
       <div
         v-if="removable"
         :aria-label="$t('attachment.remove_label')"
-        hover:bg="gray/40" transition-100 p-1 rounded-5 cursor-pointer
-        :class="[isHydrated && isSmallScreen ? '' : 'op-0 group-hover:op-100hover:']"
-        mix-blend-difference
+        class="bg-black/75 hover:bg-red/75"
+        text-white px2 py2 rounded-full cursor-pointer
         @click="$emit('remove')"
       >
         <div i-ri:close-line text-3 :class="[isHydrated && isSmallScreen ? 'text-6' : 'text-3']" />