(feat:chunks) consistent path header

This commit is contained in:
ManishMadan2882
2025-08-13 02:53:32 +05:30
parent ec95dafe1e
commit 2f48a3d7d5
2 changed files with 6 additions and 11 deletions

View File

@@ -284,8 +284,8 @@ const Chunks: React.FC<ChunksProps> = ({
const renderPathNavigation = () => {
return (
<div className="mb-4 flex flex-col sm:flex-row sm:items-center sm:justify-between text-base gap-2">
<div className="flex items-center">
<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 w-full items-center sm:w-auto">
<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"
onClick={editingChunk ? () => setEditingChunk(null) : isAddingChunk ? () => setIsAddingChunk(false) : handleGoBack}

View File

@@ -443,7 +443,7 @@ const FileTreeComponent: React.FC<FileTreeComponentProps> = ({
const renderPathNavigation = () => {
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 */}
<div className="flex w-full items-center sm:w-auto">
<button
@@ -454,12 +454,7 @@ const FileTreeComponent: React.FC<FileTreeComponentProps> = ({
</button>
<div className="flex flex-wrap items-center">
<img
src={OutlineSource}
alt="source"
className="mr-2 h-5 w-5 flex-shrink-0"
/>
<span className="text-purple-30 font-medium break-words">
<span className="text-[#7D54D1] font-semibold break-words">
{sourceName}
</span>
{currentPath.length > 0 && (
@@ -491,7 +486,7 @@ const FileTreeComponent: React.FC<FileTreeComponentProps> = ({
</div>
{/* 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 */}
{processingRef.current && (
<div className="text-sm text-gray-500">
@@ -502,7 +497,7 @@ const FileTreeComponent: React.FC<FileTreeComponentProps> = ({
)}
{/* Search element with fixed width matching Figma specs */}
<div className="w-[198px]">
<div className="hidden lg:block w-[198px]">
{renderFileSearch()}
</div>