fix(card): fix long attributes in cards under 'Known For' section

makes the attributes scrollable instead
This commit is contained in:
zyachel 2023-06-03 22:18:28 +05:30
parent 0aea2f47da
commit 736d680243
2 changed files with 7 additions and 1 deletions

View File

@ -52,7 +52,7 @@ const CardTitle = ({ link, name, year, image, ratings, titleType, children, ...r
<span> ({formatNumber(ratings.numVotes)} votes)</span> <span> ({formatNumber(ratings.numVotes)} votes)</span>
</p> </p>
)} )}
{children} <div className={styles.children}>{children}</div>
</div> </div>
</a> </a>
</Link> </Link>

View File

@ -35,6 +35,12 @@
align-content: start; align-content: start;
} }
.children {
max-height: 7em; // firefox doesn't support lh yet.
max-height: 7lh;
overflow: auto;
}
.name { .name {
font-size: 1.2em; font-size: 1.2em;
} }