From 11e8c31d45a6746874d859218168c6dc144b0285 Mon Sep 17 00:00:00 2001
From: Ajay A Adsule <103304466+AjayAdsule@users.noreply.github.com>
Date: Sun, 22 Sep 2024 14:33:32 +0530
Subject: [PATCH] style: make group cards responsive and add text truncate
 property to improve card view

---
 apps/dashboard/src/components/group-card.tsx | 2 ++
 apps/dashboard/src/pages/group.tsx           | 2 +-
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/apps/dashboard/src/components/group-card.tsx b/apps/dashboard/src/components/group-card.tsx
index 758a47e7..92d12f99 100644
--- a/apps/dashboard/src/components/group-card.tsx
+++ b/apps/dashboard/src/components/group-card.tsx
@@ -40,6 +40,7 @@ export default function GroupCard({
             fontFamily="DM Sans, sans-serif"
             p="24px"
             minW="330px"
+            maxW="370px"
             h="280px"
         >
             <Box>
@@ -84,6 +85,7 @@ export default function GroupCard({
 
                 <Text
                     mt="12px"
+                    noOfLines={2}
                     color={!description ? "balticSea.300" : "balticSea.600"}
                 >
                     {type !== "on-chain" &&
diff --git a/apps/dashboard/src/pages/group.tsx b/apps/dashboard/src/pages/group.tsx
index 9c950430..d445b191 100644
--- a/apps/dashboard/src/pages/group.tsx
+++ b/apps/dashboard/src/pages/group.tsx
@@ -350,7 +350,7 @@ ${memberIds.join("\n")}
                 </Heading>
 
                 {_group.description && (
-                    <Text mt="15px" color="balticSea.800">
+                    <Text mt="15px" color="balticSea.800" maxW="70vw">
                         {_group.description}
                     </Text>
                 )}