LLM/DocsGPT
1
0
Fork 0
mirror of https://github.com/arc53/DocsGPT.git synced 2025-11-29 00:23:17 +00:00
Code Issues Packages Projects Releases Wiki Activity

(fix:chunks) alignment and ui

Browse Source
This commit is contained in:
ManishMadan2882
2025-08-04 19:28:15 +05:30
parent 888ea81a32
commit e218e88cf4
2 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/src/components/DocumentChunks.tsx
View File

@@ -438,7 +438,7 @@ const DocumentChunks: React.FC<DocumentChunksProps> = ({
) : ( ) : (
<div className="w-full grid grid-cols-1 sm:[grid-template-columns:repeat(auto-fit,minmax(400px,1fr))] gap-4 justify-items-start"> <div className="w-full grid grid-cols-1 sm:[grid-template-columns:repeat(auto-fit,minmax(400px,1fr))] gap-4 justify-items-start">
{filteredChunks.length === 0 ? ( {filteredChunks.length === 0 ? (
<div className="col-span-full flex flex-col items-center justify-center mt-24 text-center text-gray-500 dark:text-gray-400"> <div className="col-span-full w-full min-h-[50vh] flex flex-col items-center justify-center text-center text-gray-500 dark:text-gray-400">
<img <img
src={isDarkTheme ? NoFilesDarkIcon : NoFilesIcon} src={isDarkTheme ? NoFilesDarkIcon : NoFilesIcon}
alt={t('settings.documents.noChunksAlt')} alt={t('settings.documents.noChunksAlt')}

6
frontend/src/components/FileTreeComponent.tsx
View File

@@ -394,8 +394,8 @@ const FileTreeComponent: React.FC<FileTreeComponentProps> = ({
const renderPathNavigation = () => { const renderPathNavigation = () => {
return ( return (
<div className="mb-4 flex flex-col sm:flex-row items-center justify-between text-sm"> <div className="mb-4 flex flex-col sm:flex-row sm:items-center sm:justify-between text-sm gap-3">
<div className="flex items-center"> <div className="flex items-center w-full sm:w-auto">
<button <button
className="mr-3 flex h-[29px] w-[29px] items-center justify-center rounded-full border p-2 text-sm text-gray-400 dark:border-0 dark:bg-[#28292D] dark:text-gray-500 dark:hover:bg-[#2E2F34]" className="mr-3 flex h-[29px] w-[29px] items-center justify-center rounded-full border p-2 text-sm text-gray-400 dark:border-0 dark:bg-[#28292D] dark:text-gray-500 dark:hover:bg-[#2E2F34]"
onClick={handleBackNavigation} onClick={handleBackNavigation}
@@ -433,7 +433,7 @@ const FileTreeComponent: React.FC<FileTreeComponentProps> = ({
</div> </div>
{!selectedFile && ( {!selectedFile && (
<div className="flex items-center gap-2 m-2 sm:m-0"> <div className="flex items-center gap-2 w-full sm:w-auto">
{(processingRef.current || queueLength > 0) && ( {(processingRef.current || queueLength > 0) && (
<span className="text-xs text-gray-600 dark:text-gray-400"> <span className="text-xs text-gray-600 dark:text-gray-400">
{processingRef.current ? (currentOpRef.current === 'add' ? 'Uploading…' : 'Deleting…') : null} {processingRef.current ? (currentOpRef.current === 'add' ? 'Uploading…' : 'Deleting…') : null}