fix: style overflow

This commit is contained in:
monoid 2024-04-16 22:19:39 +09:00
parent 617d2d32b3
commit 83731e7aac

View File

@ -66,7 +66,7 @@ export function ContentInfoPage({ params }: ContentInfoPageProps) {
const contentLocation = `/doc/${params.id}/reader`; const contentLocation = `/doc/${params.id}/reader`;
return ( return (
<div className="p-4"> <div className="p-4 h-dvh overflow-auto">
<Link to={contentLocation}> <Link to={contentLocation}>
<div className="m-auto h-[400px] mb-4 flex justify-center items-center flex-none bg-[#272733] <div className="m-auto h-[400px] mb-4 flex justify-center items-center flex-none bg-[#272733]
rounded-xl shadow-lg overflow-hidden"> rounded-xl shadow-lg overflow-hidden">
@ -90,7 +90,7 @@ export function ContentInfoPage({ params }: ContentInfoPageProps) {
</CardDescription> </CardDescription>
</CardHeader> </CardHeader>
<CardContent> <CardContent>
<div className="grid gap-y-4 gap-x-3 lg:grid-cols-2"> <div className="grid gap-4 grid-cols-[repeat(auto_fill_300px)]">
<DescTagItem name="artist" items={classifiedTags.artist} /> <DescTagItem name="artist" items={classifiedTags.artist} />
<DescTagItem name="group" items={classifiedTags.group} /> <DescTagItem name="group" items={classifiedTags.group} />
<DescTagItem name="series" items={classifiedTags.series} /> <DescTagItem name="series" items={classifiedTags.series} />