mirror of
https://github.com/QuivrHQ/quivr.git
synced 2024-12-15 01:21:48 +03:00
Fix for content overflow on Explore (#248)
* Fix for content overflow on Explore * Requested changes
This commit is contained in:
parent
d2f57b4c2a
commit
0f86e7d247
BIN
.yarn.lock.icloud
Normal file
BIN
.yarn.lock.icloud
Normal file
Binary file not shown.
@ -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>
|
||||
|
@ -38,3 +38,9 @@ a {
|
||||
@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 */
|
||||
}
|
1329
frontend/yarn.lock
1329
frontend/yarn.lock
File diff suppressed because it is too large
Load Diff
Loading…
Reference in New Issue
Block a user