feat(a11y): improve focus state (#116)

components/status/StatusAttachment.vue

@@ -55,21 +55,29 @@ const aspectRatio = computed(() => {
     </audio>
   </template>
   <template v-else>
-    <CommonBlurhash
-      :blurhash="attachment.blurhash"
-      class="status-attachment-image"
-      :src="attachment.url || attachment.previewUrl!"
-      :alt="attachment.description!"
-      :style="{
-        aspectRatio,
-      }"
-      border="~ base"
-      object-cover
+    <button
+      focus:outline-none
+      focus:ring="2 primary inset"
       rounded-lg
       @click="openImagePreviewDialog({
         src: attachment.url || attachment.previewUrl!,
         alt: attachment.description!,
       })"
-    />
+    >
+      <CommonBlurhash
+        :blurhash="attachment.blurhash"
+        class="status-attachment-image"
+        :src="attachment.url || attachment.previewUrl!"
+        :alt="attachment.description!"
+        :style="{
+          aspectRatio,
+        }"
+        border="~ base"
+        rounded-lg
+        h-full
+        w-full
+        object-cover
+      />
+    </button>
   </template>
 </template>