fix: styling on landing page

zkSync-Community-Hub · May 23, 2024 · fa099df · fa099df
1 parent 99588d8
commit fa099df
Showing 1 changed file with 10 additions and 7 deletions.
diff --git a/pages/index.vue b/pages/index.vue
@@ -54,13 +54,16 @@ useSeoMeta({
         >
           <div class="mt-auto">
             <AuthorsList :authors="guide.authors" />
-            <UBadge
-              :label="guide.tags.join(', ')"
-              color="blue"
-              size="sm"
-              variant="subtle"
-              class="mb-2 mr-2"
-            />
+            <div class="mt-2">
+              <UBadge
+                v-for="tag of guide.tags"
+                :label="tag"
+                color="blue"
+                size="xs"
+                variant="subtle"
+                class="mr-2"
+              />
+            </div>
           </div>
         </ULandingCard>
       </UPageGrid>