jyapayne/langflow
1
0
Fork 0
Code Issues Pull requests Projects Releases 1 Packages Wiki Activity Actions

fix: Enhance Folder Sidebar Readability - increase Font Sizes and Adjust Layout Dimensions (#7832)

Browse source 
🔧 (get-started-progress.tsx): Increase height of GetStartedProgress component for better visibility
🔧 (get-started-progress.tsx): Adjust text size for better readability and consistency
🔧 (get-started-progress.tsx): Update text size for certain elements to improve UI consistency
🔧 (index.tsx): Adjust text size for better readability and consistency in SideBarFoldersButtonsComponent
This commit is contained in:
Cristhian Zanforlin Lousa 2025-04-29 13:48:55 -03:00 • committed by GitHub
commit 90b89c006f
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 8 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

10
src/frontend/src/components/core/folderSidebarComponent/components/sideBarFolderButtons/components/get-started-progress.tsx
View file

@ -82,7 +82,7 @@ export const GetStartedProgress: FC<{
};
return (
<div className="mt-3 h-[168px] w-full">
<div className="mt-3 h-[180px] w-full">
<div className="mb-2 flex items-center justify-between">
<span className="text-sm font-semibold">
{percentageGetStarted >= 100 ? (
@ -110,7 +110,7 @@ export const GetStartedProgress: FC<{
/>
</div>
<span
className="text-xs text-muted-foreground"
className="text-sm text-muted-foreground"
data-testid="get_started_progress_percentage"
>
{percentageGetStarted}%
@ -151,7 +151,7 @@ export const GetStartedProgress: FC<{
)}
<span
className={cn(
"text-xs",
"text-sm",
isGithubStarredChild && "text-muted-foreground line-through",
)}
>
@ -193,7 +193,7 @@ export const GetStartedProgress: FC<{
)}
<span
className={cn(
"text-xs",
"text-sm",
isDiscordJoinedChild && "text-muted-foreground line-through",
)}
>
@ -223,7 +223,7 @@ export const GetStartedProgress: FC<{
)}
/>
</span>
<span className={cn("text-xs", hasFlows && "line-through")}>
<span className={cn("text-sm", hasFlows && "line-through")}>
Create a flow
</span>
</div>

6
src/frontend/src/components/core/folderSidebarComponent/components/sideBarFolderButtons/index.tsx
View file

@ -413,7 +413,7 @@ const SideBarFoldersButtonsComponent = ({
handleKeyDown={handleKeyDown}
/>
) : (
<span className="block w-0 grow truncate text-xs opacity-100">
<span className="text-smopacity-100 block w-0 grow truncate">
{item.name}
</span>
)}
@ -459,7 +459,7 @@ const SideBarFoldersButtonsComponent = ({
>
<SidebarMenuButton
size="md"
className="text-xs"
className="text-sm"
onClick={() => {
window.open("/store", "_blank");
}}
@ -473,7 +473,7 @@ const SideBarFoldersButtonsComponent = ({
isActive={checkPathFiles}
onClick={() => handleFilesClick?.()}
size="md"
className="text-xs"
className="text-sm"
>
<ForwardedIconComponent name="File" className="h-4 w-4" />
My Files