fix: code review

Author: viva-jinyi

src/locales/en/main.json

@@ -2357,6 +2357,8 @@
     "actions": {
       "inspect": "Inspect asset",
       "more": "More options",
+      "zoom": "Zoom in",
+      "moreOptions": "More options",
       "seeMoreOutputs": "See more outputs",
       "addToWorkflow": "Add to current workflow",
       "download": "Download",

src/platform/assets/components/MediaAssetCard.vue

@@ -30,7 +30,7 @@
         v-else-if="asset && adaptedAsset"
         :asset="adaptedAsset"
         :context="{ type: assetType }"
-        class="absolute top-0 left-0 h-full w-full"
+        class="absolute inset-0"
         @view="handleZoomClick"
         @download="actions.downloadAsset()"
         @video-playing-state-changed="isVideoPlaying = $event"
@@ -44,18 +44,26 @@
         class="absolute top-2 left-2 flex flex-wrap justify-start gap-2"
       >
         <IconGroup>
-          <Button size="icon" @click.stop="handleZoomClick">
+          <Button
+            size="icon"
+            :aria-label="$t('mediaAsset.actions.zoom')"
+            @click.stop="handleZoomClick"
+          >
             <i class="icon-[lucide--zoom-in] size-4" />
           </Button>
-          <Button size="icon" @click.stop="handleContextMenu">
+          <Button
+            size="icon"
+            :aria-label="$t('mediaAsset.actions.moreOptions')"
+            @click.stop="handleContextMenu"
+          >
             <i class="icon-[lucide--ellipsis] size-4" />
           </Button>
         </IconGroup>
       </div>
     </div>
 
     <!-- Bottom Area: Media Info -->
-    <div class="flex-1 w-full h-full">
+    <div class="flex-1">
       <!-- Loading State -->
       <div v-if="loading" class="flex justify-between items-start">
         <div class="flex flex-col gap-1">
@@ -79,7 +87,7 @@
           <!-- Title -->
           <MediaTitle :file-name="fileName" />
           <!-- Metadata -->
-          <div class="flex gap-1.5 text-xs text-zinc-400">
+          <div class="flex gap-1.5 text-xs text-muted-foreground">
             <span v-if="formattedDuration">{{ formattedDuration }}</span>
             <span v-if="metaInfo">{{ metaInfo }}</span>
           </div>

src/platform/assets/components/MediaTitle.vue

@@ -8,7 +8,7 @@
 </template>
 
 <script setup lang="ts">
-const { fileName } = defineProps<{
+defineProps<{
   fileName: string
 }>()
 </script>