Truncate the bio to 2 lines in members page

pbteja1998 · pbteja1998 · commit 01a316baa4c2 · 2021-02-28T10:44:49.000+05:30
diff --git a/package.json b/package.json
@@ -21,6 +21,7 @@
   "dependencies": {
     "@badrap/bar-of-progress": "0.1.2",
     "@headlessui/react": "0.3.1",
+    "@tailwindcss/line-clamp": "0.2.0",
     "classnames": "2.2.6",
     "fauna-schema-migrate": "0.1.7",
     "faunadb": "4.1.0",
diff --git a/src/components/HomePageFeed.tsx b/src/components/HomePageFeed.tsx
@@ -3,7 +3,6 @@ import {
   ChatCenteredDots,
   Gear,
   RocketLaunch,
-  ShareNetwork,
   ThumbsUp,
   UserCircle,
   Users,
diff --git a/src/components/members/Member.tsx b/src/components/members/Member.tsx
@@ -61,7 +61,9 @@ export default function Member({ user }: { user: User }) {
           </A>
           <dl className="mt-1 flex-grow flex flex-col justify-between">
             <dt className="sr-only">Bio</dt>
-            <dd className="text-gray-500 text-xs">{account.bio}</dd>
+            <dd className="text-gray-500 text-xs line-clamp-2">
+              {account.bio}
+            </dd>
             <dt className="sr-only">Role</dt>
             <dt className="sr-only">Social Media</dt>
             {socials && (
diff --git a/tailwind.config.js b/tailwind.config.js
@@ -50,6 +50,7 @@ module.exports = {
     require('@tailwindcss/forms'),
     require('@tailwindcss/typography'),
     require('@tailwindcss/aspect-ratio'),
+    require('@tailwindcss/line-clamp'),
     require('nightwind'),
   ],
 }
diff --git a/yarn.lock b/yarn.lock
@@ -276,6 +276,11 @@
   dependencies:
     mini-svg-data-uri "^1.2.3"
 
+"@tailwindcss/line-clamp@0.2.0":
+  version "0.2.0"
+  resolved "https://registry.yarnpkg.com/@tailwindcss/line-clamp/-/line-clamp-0.2.0.tgz#7f30f26ed3835d64d1eb5a9b0d60cf5291dd2a3b"
+  integrity sha512-+jXSdRK3/9V/BCPCr+iNpMMhxWMMv62vn/AS2b3/ClmueGuhCijW3bUwO1IiHnE7uCaF74Sli8jUCv9djwvpLg==
+
 "@tailwindcss/typography@0.4.0":
   version "0.4.0"
   resolved "https://registry.yarnpkg.com/@tailwindcss/typography/-/typography-0.4.0.tgz#b80974ad6af93df7b06e1981cb4d79698b6ad5c7"

Original file line number	Diff line number	Diff line change
`@@ -50,6 +50,7 @@ module.exports = {`
`50`	`50`	`require('@tailwindcss/forms'),`
`51`	`51`	`require('@tailwindcss/typography'),`
`52`	`52`	`require('@tailwindcss/aspect-ratio'),`
	`53`	`+ require('@tailwindcss/line-clamp'),`
`53`	`54`	`require('nightwind'),`
`54`	`55`	`],`
`55`	`56`	`}`