Fix for content overflow on Explore (#248)

* Fix for content overflow on Explore

* Requested changes
This commit is contained in:
Shan 2023-06-04 14:02:29 -04:00 committed by GitHub
parent d2f57b4c2a
commit 0f86e7d247
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
4 changed files with 621 additions and 717 deletions

BIN
.yarn.lock.icloud Normal file

Binary file not shown.

View File

@ -2,6 +2,7 @@ import { useAxios } from "@/lib/useAxios";
import { useEffect, useState } from "react";
import { useSupabase } from "../../supabase-provider";
interface DocumentDataProps {
documentName: string;
}
@ -31,7 +32,7 @@ const DocumentData = ({ documentName }: DocumentDataProps): JSX.Element => {
}, [axiosInstance, documentName]);
return (
<div className="prose">
<div className="prose custom-prose">
<p>No. of documents: {documents.length}</p>
{/* {documents.map((doc) => (
<pre key={doc.name}>{JSON.stringify(doc)}</pre>

View File

@ -37,4 +37,10 @@ a {
/* background: #000; */
@apply bg-gray-500;
}
}
.custom-prose {
max-height: 60vh; /* Adjust this value based on the desired maximum height */
overflow-y: auto; /* Enable vertical scroll if the content exceeds the maximum height */
padding-right: 1rem; /* Optional: Add some padding if the scrollbar appears, so the text is not squished */
}

File diff suppressed because it is too large Load Diff