feat(a11y): improve remove attachement accessiblity (#249)
parent
e0a1ceea43
commit
47721801aa
|
@ -20,10 +20,13 @@ defineEmits<{
|
||||||
<div absolute right-2 top-2>
|
<div absolute right-2 top-2>
|
||||||
<div
|
<div
|
||||||
v-if="removable"
|
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')"
|
@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>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
Loading…
Reference in New Issue