From 3d14c1fea7abfd9b6926b27f3b2f92ee0db94881 Mon Sep 17 00:00:00 2001
From: Benny Guo <bennyxguo6@gmail.com>
Date: Thu, 17 Aug 2023 18:15:18 +0800
Subject: [PATCH] style: update recent order skeleton

---
 src/components/Sidebar/src/RecentComment.vue | 11 +++++------
 1 file changed, 5 insertions(+), 6 deletions(-)

diff --git a/src/components/Sidebar/src/RecentComment.vue b/src/components/Sidebar/src/RecentComment.vue
index d989dc2d..62778ea9 100644
--- a/src/components/Sidebar/src/RecentComment.vue
+++ b/src/components/Sidebar/src/RecentComment.vue
@@ -59,14 +59,14 @@
       </template>
       <template v-else>
         <li
-          class="bg-ob-deep-900 px-2 py-3 mb-1.5 rounded-lg flex flex-row justify-items-center items-center shadow-sm hover:shadow-ob transition-shadow"
+          class="bg-ob-deep-900 px-2 py-3 mb-1.5 rounded-lg flex flex-row justify-items-center items-start shadow-sm hover:shadow-ob transition-shadow"
           v-for="n in 7"
           :key="n"
         >
           <ob-skeleton
             class="col-span-1 mr-2 rounded-full p-1"
-            height="40px"
-            width="40px"
+            height="19px"
+            width="19px"
             :circle="true"
           />
           <div class="flex-1 text-xs">
@@ -76,15 +76,14 @@
                   tag="b"
                   class="text-ob-secondary bg-ob-deep-800 py-0.5 px-1.5 rounded-md"
                   height="10px"
-                  width="66px"
+                  width="50px"
                 />
               </span>
-              <br />
               <ob-skeleton
                 tag="p"
                 class="text-ob-secondary bg-ob-deep-800 py-0.5 px-1.5 rounded-md"
                 height="10px"
-                width="96px"
+                width="40px"
               />
             </div>
             <div class="text-xs text-ob-bright">