pleb/flockstr
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fixing max height

Browse Source
This commit is contained in:
zmeyer44 2023-11-14 11:49:21 -05:00
parent 09ea2326d2
commit 7c9d54de13
1 changed files with 23 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
components/KindCard/components/Container.tsx
View File

@ -103,17 +103,18 @@ export default function Container({
</DropDownMenu> </DropDownMenu>
</div> </div>
</CardHeader> </CardHeader>
<CardContent <CardContent className={cn("flex grow flex-col px-4 pb-3")}>
<div
ref={contentRef} ref={contentRef}
className={cn( className={cn(
"relative flex grow flex-col px-4 pb-3", "relative flex grow flex-col",
showFull || expandButton === false ? "max-h-none" : "max-h-[400px]", showFull || expandButton === false ? "max-h-none" : "max-h-[400px]",
)} )}
> >
{children} {children}
{!showFull && expandButton && ( {!showFull && expandButton && (
<div className="z-20 mt-[-70px]"> <div className="absolute inset-x-0 bottom-0 z-20 mt-[-70px]">
<div className=" h-[50px] w-full bg-gradient-to-b from-transparent to-background"></div> <div className="h-[50px] w-full bg-gradient-to-b from-transparent to-background"></div>
{/* <div className="h-[30px] w-full bg-gradient-to-b from-transparent to-background"></div> */} {/* <div className="h-[30px] w-full bg-gradient-to-b from-transparent to-background"></div> */}
<button <button
onClick={() => setShowFull(true)} onClick={() => setShowFull(true)}
@ -123,6 +124,8 @@ export default function Container({
</button> </button>
</div> </div>
)} )}
</div>
<div className="mt-auto"> <div className="mt-auto">
{!!contentTags?.length ? ( {!!contentTags?.length ? (
<div className="mb-2.5 mt-1 max-h-[52px] overflow-hidden"> <div className="mb-2.5 mt-1 max-h-[52px] overflow-hidden">