From 4e4d3a1c607c7311442bf6176ad7ab38b30374a1 Mon Sep 17 00:00:00 2001
From: cab-mikee <mike.cabz32@gmail.com>
Date: Thu, 19 Dec 2024 01:52:52 +0800
Subject: [PATCH] chore: enhance team member css

---
 docs/.vitepress/theme/components/HomeTeam.vue   | 2 +-
 docs/.vitepress/theme/components/TeamMember.vue | 3 +--
 2 files changed, 2 insertions(+), 3 deletions(-)

diff --git a/docs/.vitepress/theme/components/HomeTeam.vue b/docs/.vitepress/theme/components/HomeTeam.vue
index 3aede66..d8030d4 100644
--- 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
index b7b75aa..35d454d 100644
--- 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"