feat: Add alt text editor, improve accessibility

This commit is contained in:
Jesse Wierzbinski 2024-06-05 17:48:12 -10:00
parent ef4a2aa0c2
commit a643e3f8aa
No known key found for this signature in database
4 changed files with 83 additions and 19 deletions

View file

@ -12,14 +12,12 @@
<Popover.Root :positioning="{
strategy: 'fixed',
}" v-if="attachment.description">
<Popover.Trigger
<Popover.Trigger aria-hidden="true"
class="absolute top-2 right-2 p-1 bg-dark-800 ring-1 ring-white/5 text-white text-xs rounded size-8">
<iconify-icon icon="tabler:alt" width="none" class="size-6" />
</Popover.Trigger>
<Popover.Positioner>
<Popover.Content class="p-4 bg-dark-400 rounded text-sm ring-1 ring-white/10 shadow-lg text-gray-300">
<Popover.Title class="font-semibold mb-2">
Description</Popover.Title>
<Popover.Content class="p-4 bg-dark-400 rounded text-sm ring-1 ring-dark-100 shadow-lg text-gray-300">
<Popover.Description>{{ attachment.description }}</Popover.Description>
</Popover.Content>
</Popover.Positioner>