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

Fix: left tab dont scroll on chat view

Browse source
This commit is contained in:
igorrCarvalho 2024-02-27 14:48:23 -03:00
commit 12d9aea932
3 changed files with 4 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

4
src/frontend/src/components/IOview/index.tsx
View file

@ -97,14 +97,14 @@ export default function IOView({ children, open, setOpen }): JSX.Element {
{selectedTab !== 0 && ( {selectedTab !== 0 && (
<div <div
className={cn( className={cn(
"mr-6 flex h-full w-2/6 flex-shrink-0 flex-col justify-start overflow-auto scrollbar-hide", "mr-6 flex h-full w-2/6 flex-shrink-0 flex-col justify-start",
haveChat ? "w-2/6" : "w-full" haveChat ? "w-2/6" : "w-full"
)} )}
> >
<Tabs <Tabs
value={selectedTab.toString()} value={selectedTab.toString()}
className={ className={
"flex h-full flex-col overflow-hidden rounded-md border bg-muted text-center" "flex h-full flex-col overflow-y-auto custom-scroll rounded-md border bg-muted text-center"
} }
onValueChange={(value) => { onValueChange={(value) => {
setSelectedTab(Number(value)); setSelectedTab(Number(value));

2
src/frontend/src/components/codeTabsComponent/index.tsx
View file

@ -181,7 +181,7 @@ export default function CodeTabsComponent({
{tabs.map((tab, idx) => ( {tabs.map((tab, idx) => (
<TabsContent <TabsContent
value={idx.toString()} value={idx.toString()}
className="api-modal-tabs-content" className="api-modal-tabs-content overflow-hidden"
key={idx} // Remember to add a unique key prop key={idx} // Remember to add a unique key prop
> >
{idx < 4 ? ( {idx < 4 ? (

2
src/frontend/src/style/applies.css
View file

@ -851,7 +851,7 @@
@apply flex items-center justify-between px-2 py-2; @apply flex items-center justify-between px-2 py-2;
} }
.api-modal-tabs-content { .api-modal-tabs-content {
@apply -mt-1 h-full w-full overflow-hidden px-4 pb-4; @apply -mt-1 h-full w-full px-4 pb-4;
} }
.api-modal-accordion-display { .api-modal-accordion-display {
@apply mt-2 flex h-full w-full; @apply mt-2 flex h-full w-full;