fix: improve stability on desktop too

danielroe · Feb 8, 2024 · 4fee9a9 · 4fee9a9
1 parent e7071af
commit 4fee9a9
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/components/graphs/LighthouseTable.vue b/components/graphs/LighthouseTable.vue
@@ -17,7 +17,7 @@ const circumference = normalizedRadius * 2 * Math.PI
 <template>
   <div class="flex flex-row flex-wrap gap-4 lg:flex-row justify-around w-full border border-green-700 border-2 rounded-lg p-4">
     <span v-for="[metric, caption] of ([[performance, 'performance'], [accessibility, 'accessibility'], [bestPractices, 'best practices'], [seo, 'SEO']] as const)" class="flex flex-row gap-2" :class="{ 'flex-[40%] md:flex-auto': !row }">
-      <div v-if="loading"  class="min-w-8 md:min-w-0 mr-1 flex justify-end">
+      <div v-if="loading"  class="min-w-8 mr-1 flex justify-end">
         <svg :height="radius * 2" :width="radius * 2" class="animate-spin">
           <circle
           stroke="#6b7280"
@@ -32,7 +32,7 @@ const circumference = normalizedRadius * 2 * Math.PI
           />
         </svg>
       </div>
-      <span v-else class="font-bold tabular-nums min-w-8 md:min-w-0 text-right mr-1">{{ loading ? undefined : metric?.toFixed(0) }}</span>
+      <span v-else class="font-bold tabular-nums min-w-8 text-right mr-1">{{ loading ? undefined : metric?.toFixed(0) }}</span>
       <span>
         {{ caption }}
       </span>