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 ( 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"> <div className="mb-2 flex items-center justify-between">
<span className="text-sm font-semibold"> <span className="text-sm font-semibold">
{percentageGetStarted >= 100 ? ( {percentageGetStarted >= 100 ? (
@ -110,7 +110,7 @@ export const GetStartedProgress: FC<{
/> />
</div> </div>
<span <span
className="text-xs text-muted-foreground" className="text-sm text-muted-foreground"
data-testid="get_started_progress_percentage" data-testid="get_started_progress_percentage"
> >
{percentageGetStarted}% {percentageGetStarted}%
@ -151,7 +151,7 @@ export const GetStartedProgress: FC<{
)} )}
<span <span
className={cn( className={cn(
"text-xs", "text-sm",
isGithubStarredChild && "text-muted-foreground line-through", isGithubStarredChild && "text-muted-foreground line-through",
)} )}
> >
@ -193,7 +193,7 @@ export const GetStartedProgress: FC<{
)} )}
<span <span
className={cn( className={cn(
"text-xs", "text-sm",
isDiscordJoinedChild && "text-muted-foreground line-through", isDiscordJoinedChild && "text-muted-foreground line-through",
)} )}
> >
@ -223,7 +223,7 @@ export const GetStartedProgress: FC<{
)} )}
/> />
</span> </span>
<span className={cn("text-xs", hasFlows && "line-through")}> <span className={cn("text-sm", hasFlows && "line-through")}>
Create a flow Create a flow
</span> </span>
</div> </div>

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

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