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

fix: Reduce spacing in EmptyPageCommunity component from gap-12 to gap-7 (#7783)

Browse source
This commit is contained in:
Cristhian Zanforlin Lousa 2025-04-24 16:07:44 -03:00 • committed by GitHub
commit c2fdc823c1
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
5 changed files with 18 additions and 14 deletions
Download patch file Download diff file Expand all files Collapse all files

12
src/frontend/src/components/core/appHeaderComponent/components/FlowMenu/index.tsx
View file

@ -143,7 +143,7 @@ export const MenuBar = ({}: {}): JSX.Element => {
<div
data-testid="menu_status_saved_flow_button"
id="menu_status_saved_flow_button"
className="shrink-0 text-xs font-medium text-accent-emerald-foreground"
className="shrink-0 text-sm font-medium text-accent-emerald-foreground"
>
Saved
</div>
@ -269,7 +269,7 @@ export const MenuBar = ({}: {}): JSX.Element => {
{currentFolder?.name && (
<div className="hidden truncate md:flex">
<div
className="cursor-pointer truncate pr-1 text-xs text-muted-foreground hover:text-primary"
className="cursor-pointer truncate pr-1 text-sm text-muted-foreground hover:text-primary"
onClick={() => {
navigate(
currentFolder?.id
@ -314,7 +314,7 @@ export const MenuBar = ({}: {}): JSX.Element => {
>
<Input
className={cn(
"h-6 w-full shrink-0 cursor-text text-xs font-semibold",
"text- h-6 w-full shrink-0 cursor-text font-semibold",
"bg-transparent pl-1 pr-0 transition-colors duration-200",
"border-0 outline-none focus:border-0 focus:outline-none focus:ring-0 focus:ring-offset-0",
!editingName && "text-primary hover:opacity-80",
@ -335,7 +335,7 @@ export const MenuBar = ({}: {}): JSX.Element => {
/>
<span
ref={measureRef}
className="invisible absolute left-0 top-0 -z-10 w-fit whitespace-pre text-xs font-semibold"
className="invisible absolute left-0 top-0 -z-10 w-fit whitespace-pre text-sm font-semibold"
aria-hidden="true"
data-testid="flow_name"
>
@ -550,7 +550,7 @@ export const MenuBar = ({}: {}): JSX.Element => {
>
<div className="flex cursor-default items-center gap-2 truncate text-sm text-muted-foreground">
<div className="flex cursor-default items-center gap-2 truncate text-sm">
<div className="w-full truncate text-xs">
<div className="w-full truncate text-sm">
{printByBuildStatus()}
</div>
</div>
@ -564,7 +564,7 @@ export const MenuBar = ({}: {}): JSX.Element => {
}}
className={
isBuilding
? "hidden items-center gap-1.5 text-xs text-status-red sm:flex"
? "hidden items-center gap-1.5 text-sm text-status-red sm:flex"
: "hidden"
}
>

11
src/frontend/src/components/core/appHeaderComponent/components/langflow-counts.tsx
View file

@ -1,4 +1,5 @@
import ShadTooltip from "@/components/common/shadTooltipComponent";
import { DISCORD_URL, GITHUB_URL } from "@/constants/constants";
import { useDarkStore } from "@/stores/darkStore";
import { formatNumber } from "@/utils/utils";
import { FaDiscord, FaGithub } from "react-icons/fa";
@ -8,7 +9,10 @@ export const LangflowCounts = () => {
const discordCount: number = useDarkStore((state) => state.discordCount);
return (
<div className="flex items-center gap-3">
<div
className="flex items-center gap-3"
onClick={() => window.open(GITHUB_URL, "_blank")}
>
<ShadTooltip
content="Go to GitHub repo"
side="bottom"
@ -25,7 +29,10 @@ export const LangflowCounts = () => {
side="bottom"
styleClasses="z-10"
>
<div className="hit-area-hover flex items-center gap-2 rounded-md p-1 text-muted-foreground">
<div
onClick={() => window.open(DISCORD_URL, "_blank")}
className="hit-area-hover flex items-center gap-2 rounded-md p-1 text-muted-foreground"
>
<FaDiscord className="h-4 w-4" />
<span className="text-xs font-semibold">
{formatNumber(discordCount)}

3
src/frontend/src/components/core/appHeaderComponent/index.tsx
View file

@ -107,9 +107,6 @@ export default function AppHeader(): JSX.Element {
<Button
unstyled
className="hidden items-center whitespace-nowrap pr-2 lg:inline"
onClick={() =>
window.open("https://github.com/langflow-ai/langflow", "_blank")
}
>
<LangflowCounts />
</Button>

4
src/frontend/src/pages/MainPage/components/header/index.tsx
View file

@ -119,7 +119,7 @@ const HeaderComponent = ({
key={viewType}
unstyled
size="icon"
className={`group relative z-10 mx-[2px] my-[2px] flex-1 rounded-lg p-2 ${
className={`group relative z-10 mx-[2px] my-[3px] flex-1 rounded-lg p-2 ${
view === viewType
? "text-foreground"
: "text-muted-foreground hover:bg-muted"
@ -129,7 +129,7 @@ const HeaderComponent = ({
<ForwardedIconComponent
name={viewType === "list" ? "Menu" : "LayoutGrid"}
aria-hidden="true"
className="relative bottom-[1px] h-4 w-4 group-hover:text-foreground"
className="h-4 w-4 group-hover:text-foreground"
/>
</Button>
))}

2
src/frontend/src/pages/MainPage/pages/empty-page.tsx
View file

@ -100,7 +100,7 @@ export const EmptyPageCommunity = ({
</span>
</div>
<div className="flex w-full max-w-[510px] flex-col gap-12 sm:gap-[29px]">
<div className="flex w-full max-w-[510px] flex-col gap-7 sm:gap-[29px]">
<Button
unstyled
className="group mx-3 h-[84px] sm:mx-0"