fix: leaderboard list spacing and links

chore: remove unused code chore: remove unused code
leaderboardsgg · Nov 2, 2024 · 5657279 · 5657279
1 parent dc3d39b
commit 5657279
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/components/blocks/Landing/Landing.vue b/components/blocks/Landing/Landing.vue
@@ -10,7 +10,7 @@ const leaderboards = await useGetLeaderboards()
 
 <template>
   <div>
-    <h2 class="text-3xl mb-4 font-bold">Games</h2>
+    <h2 class="mb-4 text-3xl font-bold">Games</h2>
     <div class="flex flex-col lg:flex-row">
       <Loader v-if="leaderboards.loading"></Loader>
       <LandingLeaderboards

diff --git a/components/blocks/Landing/LandingLeaderboards.vue b/components/blocks/Landing/LandingLeaderboards.vue
@@ -13,20 +13,20 @@ defineProps<LandingLeaderboardsProps>()
 <template>
   <div
     id="landing-leaderboards"
-    class="grid w-full auto-rows-[1fr] grid-cols-1 items-start gap-4 align-middle lg:grid-cols-2"
+    class="mb-4 grid w-full grid-cols-1 content-start items-start gap-4 lg:grid-cols-2"
   >
     <NuxtLink
       v-for="leaderboard in leaderboards.data"
       :key="leaderboard.id"
-      class="mb-2 content-center bg-gray-200 px-8 py-8 hover:cursor-pointer hover:text-lbgreen"
+      class="mb-2 h-full content-center bg-gray-200 p-8 hover:cursor-pointer hover:text-lbgreen"
       :to="
         localePath({
           name: 'board-slug',
           params: { slug: leaderboard.slug },
         })
       "
     >
-      <span class="break-words font-bold">
+      <span class="contents break-words font-bold">
         {{ leaderboard?.name }}
       </span>
     </NuxtLink>