fix: make attachement removal button static & more visible #1067 (#1286)

Co-authored-by: patak <matias.capeletto@gmail.com>
zio/stable
dilinger 2023-01-21 05:52:36 -05:00 committed by GitHub
parent 801b8fe027
commit be5d32cb4a
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 2 additions and 3 deletions

View File

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