style: update recent order skeleton

virtualansh · Aug 18, 2023 · 3d14c1f · 3d14c1f
1 parent a2c1dd5
commit 3d14c1f
Showing 1 changed file with 5 additions and 6 deletions.
diff --git 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">