chore: enhance team member css

stacksjs · Dec 18, 2024 · 4e4d3a1 · 4e4d3a1
1 parent b82f13c
commit 4e4d3a1
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 3 deletions.
diff --git a/docs/.vitepress/theme/components/HomeTeam.vue b/docs/.vitepress/theme/components/HomeTeam.vue
@@ -9,7 +9,7 @@ import { coreTeamMembers } from './contributors'
     </h2>
   </div>
 
-  <div grid="~ sm:cols-2 md:cols-3 lg:cols-4 gap-x-3 gap-y-20 items-stretch" p-10>
+  <div grid="~ cols-2 lg:cols-4 gap-x-3 gap-y-20 items-stretch" p-10>
     <TeamMember
       v-for="c of coreTeamMembers"
       :key="c.github"

diff --git a/docs/.vitepress/theme/components/TeamMember.vue b/docs/.vitepress/theme/components/TeamMember.vue
@@ -17,8 +17,7 @@ defineProps<{
     <div mb-1 mt-2 text-xl>
       {{ data.name }}
     </div>
-    <div h-80px op60 v-html="data.description" />
-
+    <div h-20 lg:h-28 xl:h-20  op60 v-html="data.description" />
     <div flex="~ inline gap-2" py2 text-2xl>
       <a
         class="i-carbon-logo-github mya inline-block text-current op30 transition duration-200 hover:op100"