mirror of
https://github.com/arc53/DocsGPT.git
synced 2025-11-29 08:33:20 +00:00
(feat:chunks) consistent path header
This commit is contained in:
@@ -284,8 +284,8 @@ const Chunks: React.FC<ChunksProps> = ({
|
|||||||
|
|
||||||
const renderPathNavigation = () => {
|
const renderPathNavigation = () => {
|
||||||
return (
|
return (
|
||||||
<div className="mb-4 flex flex-col sm:flex-row sm:items-center sm:justify-between text-base gap-2">
|
<div className="mb-0 min-h-[38px] flex flex-col sm:flex-row sm:items-center sm:justify-between text-base gap-2">
|
||||||
<div className="flex items-center">
|
<div className="flex w-full items-center 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] transition-all duration-200 font-medium"
|
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] transition-all duration-200 font-medium"
|
||||||
onClick={editingChunk ? () => setEditingChunk(null) : isAddingChunk ? () => setIsAddingChunk(false) : handleGoBack}
|
onClick={editingChunk ? () => setEditingChunk(null) : isAddingChunk ? () => setIsAddingChunk(false) : handleGoBack}
|
||||||
|
|||||||
@@ -443,7 +443,7 @@ const FileTreeComponent: React.FC<FileTreeComponentProps> = ({
|
|||||||
|
|
||||||
const renderPathNavigation = () => {
|
const renderPathNavigation = () => {
|
||||||
return (
|
return (
|
||||||
<div className="mb-4 flex flex-col gap-3 text-sm sm:flex-row sm:items-center sm:justify-between">
|
<div className="mb-0 min-h-[38px] flex flex-col gap-2 text-base sm:flex-row sm:items-center sm:justify-between">
|
||||||
{/* Left side with path navigation */}
|
{/* Left side with path navigation */}
|
||||||
<div className="flex w-full items-center sm:w-auto">
|
<div className="flex w-full items-center sm:w-auto">
|
||||||
<button
|
<button
|
||||||
@@ -454,12 +454,7 @@ const FileTreeComponent: React.FC<FileTreeComponentProps> = ({
|
|||||||
</button>
|
</button>
|
||||||
|
|
||||||
<div className="flex flex-wrap items-center">
|
<div className="flex flex-wrap items-center">
|
||||||
<img
|
<span className="text-[#7D54D1] font-semibold break-words">
|
||||||
src={OutlineSource}
|
|
||||||
alt="source"
|
|
||||||
className="mr-2 h-5 w-5 flex-shrink-0"
|
|
||||||
/>
|
|
||||||
<span className="text-purple-30 font-medium break-words">
|
|
||||||
{sourceName}
|
{sourceName}
|
||||||
</span>
|
</span>
|
||||||
{currentPath.length > 0 && (
|
{currentPath.length > 0 && (
|
||||||
@@ -491,7 +486,7 @@ const FileTreeComponent: React.FC<FileTreeComponentProps> = ({
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
{/* Right side with search and add button */}
|
{/* Right side with search and add button */}
|
||||||
<div className="flex items-center space-x-4">
|
<div className="flex flex-row flex-nowrap items-center gap-2 w-full sm:w-auto justify-end mt-2 sm:mt-0 overflow-x-auto">
|
||||||
{/* Upload status indicator */}
|
{/* Upload status indicator */}
|
||||||
{processingRef.current && (
|
{processingRef.current && (
|
||||||
<div className="text-sm text-gray-500">
|
<div className="text-sm text-gray-500">
|
||||||
@@ -502,7 +497,7 @@ const FileTreeComponent: React.FC<FileTreeComponentProps> = ({
|
|||||||
)}
|
)}
|
||||||
|
|
||||||
{/* Search element with fixed width matching Figma specs */}
|
{/* Search element with fixed width matching Figma specs */}
|
||||||
<div className="w-[198px]">
|
<div className="hidden lg:block w-[198px]">
|
||||||
{renderFileSearch()}
|
{renderFileSearch()}
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user