fix(admin): polish responsive review workspace

src/views/admin/AdminView.vue

@@ -181,7 +181,7 @@ function formatDateTime(iso: string | null) {
 }
 
 function formatCoordinate(value: number | null) {
-  return value === null ? '未记录' : value.toFixed(4)
+  return value === null ? '未记录' : value.toFixed(2)
 }
 
 function getPercentage(value: number, total: number) {
@@ -460,20 +460,22 @@ onMounted(loadAdminData)
             <p class="mt-2 hidden text-sm leading-6 text-slate-500 lg:block">社区内容、成员与运行状态的集中控制台。</p>
           </div>
 
-          <NButton secondary strong type="default" class="oc-panel-button oc-panel-button--neutral lg:hidden" :loading="loading" @click="loadAdminData">
+          <div class="lg:hidden">
+            <NButton secondary strong type="default" class="oc-panel-button oc-panel-button--neutral" :loading="loading" @click="loadAdminData">
               <template #icon>
                 <NIcon><Refresh /></NIcon>
               </template>
               刷新
             </NButton>
           </div>
+        </div>
 
         <nav aria-label="后台管理分区" class="mt-5 flex gap-2 overflow-x-auto pb-1 lg:mt-8 lg:block lg:space-y-2 lg:overflow-visible lg:pb-0">
           <button
             v-for="tab in tabs"
             :key="tab.key"
             type="button"
-            class="group flex min-w-[168px] items-center gap-3 border px-3 py-3 text-left transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-teal-600 focus-visible:ring-offset-2 lg:w-full lg:min-w-0"
+            class="group flex min-w-[150px] items-center gap-3 border px-3 py-3 text-left transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-teal-600 focus-visible:ring-offset-2 lg:w-full lg:min-w-0"
             :class="activeTab === tab.key
               ? 'border-teal-200 bg-teal-50 text-teal-900 shadow-[3px_3px_0_0_rgba(20,184,166,0.14)]'
               : 'border-transparent bg-white text-slate-600 hover:border-slate-200 hover:bg-slate-50 hover:text-slate-950'"
@@ -745,7 +747,7 @@ onMounted(loadAdminData)
           </div>
 
           <div v-if="activeReviewImage" class="grid min-w-0 gap-4 xl:grid-cols-[220px_minmax(0,1fr)]">
-            <aside class="min-w-0 border border-slate-200 bg-white xl:sticky xl:top-20 xl:max-h-[calc(100vh-6rem)]">
+            <aside class="min-w-0 self-start border border-slate-200 bg-white xl:sticky xl:top-20 xl:max-h-[calc(100vh-6rem)]">
               <div class="flex items-center justify-between border-b border-slate-200 px-4 py-3">
                 <div>
                   <p class="text-sm font-semibold text-slate-900">审核队列</p>
@@ -798,7 +800,7 @@ onMounted(loadAdminData)
                       <p class="truncate text-sm font-semibold text-slate-900">{{ activeReviewImage.cloudTypeName }}</p>
                       <p class="mt-0.5 truncate text-xs text-slate-500">内容编号 {{ activeReviewImage.id }}</p>
                     </div>
-                    <span class="border px-2 py-1 text-xs font-medium" :class="rarityMeta[activeReviewImage.cloudTypeRarity].chip">
+                    <span class="shrink-0 whitespace-nowrap border px-2 py-1 text-xs font-medium" :class="rarityMeta[activeReviewImage.cloudTypeRarity].chip">
                       {{ rarityMeta[activeReviewImage.cloudTypeRarity].label }}
                     </span>
                   </div>