rayan/bruno
1
0
Fork 0
mirror of https://github.com/usebruno/bruno.git synced 2026-06-23 12:45:38 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: always showing scrollbar (#5184)

Browse Source
This commit is contained in:
naman-bruno
2025-07-24 20:44:13 +05:30
committed by lohit-bruno
parent a36f33746d
commit 90b31ff880
8 changed files with 11 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
packages/bruno-app/src/components/CollectionSettings/Docs/index.js
View File

@@ -46,7 +46,7 @@ const Docs = ({ collection }) => {
}
return (
<StyledWrapper className="mt-1 h-full w-full relative flex flex-col">
<StyledWrapper className="h-full w-full relative flex flex-col">
<div className='flex flex-row w-full justify-between items-center mb-4'>
<div className='text-lg font-medium flex items-center gap-2'>
<IconFileText size={20} strokeWidth={1.5} />

4
packages/bruno-app/src/components/CollectionSettings/index.js
View File

@@ -132,7 +132,7 @@ const CollectionSettings = ({ collection }) => {
};
return (
<StyledWrapper className="flex flex-col h-full relative px-4 py-4 overflow-scroll">
<StyledWrapper className="flex flex-col h-full relative px-4 py-4 overflow-hidden">
<div className="flex flex-wrap items-center tabs" role="tablist">
<div className={getTabClassname('overview')} role="tab" onClick={() => setTab('overview')}>
Overview
@@ -169,7 +169,7 @@ const CollectionSettings = ({ collection }) => {
{clientCertConfig.length > 0 && <StatusDot />}
</div>
</div>
<section className="mt-4 h-full overflow-scroll">{getTabPanel(tab)}</section>
<section className="mt-4 h-full overflow-auto">{getTabPanel(tab)}</section>
</StyledWrapper>
);
};

4
packages/bruno-app/src/components/FolderSettings/index.js
View File

@@ -74,7 +74,7 @@ const FolderSettings = ({ collection, folder }) => {
};
return (
<StyledWrapper className="flex flex-col h-full overflow-scroll">
<StyledWrapper className="flex flex-col h-full overflow-auto">
<div className="flex flex-col h-full relative px-4 py-4">
<div className="flex flex-wrap items-center tabs" role="tablist">
<div className={getTabClassname('headers')} role="tab" onClick={() => setTab('headers')}>
@@ -101,7 +101,7 @@ const FolderSettings = ({ collection, folder }) => {
Docs
</div>
</div>
<section className={`flex mt-4 h-full overflow-scroll`}>{getTabPanel(tab)}</section>
<section className={`flex mt-4 h-full overflow-auto`}>{getTabPanel(tab)}</section>
</div>
</StyledWrapper>
);

2
packages/bruno-app/src/components/RequestPane/Auth/index.js
View File

@@ -109,7 +109,7 @@ const Auth = ({ item, collection }) => {
};
return (
<StyledWrapper className="w-full mt-1 overflow-y-scroll">
<StyledWrapper className="w-full mt-1 overflow-auto">
<div className="flex flex-grow justify-start items-center">
<AuthMode item={item} collection={collection} />
</div>

2
packages/bruno-app/src/components/ResponsePane/index.js
View File

@@ -176,7 +176,7 @@ const ResponsePane = ({ item, collection }) => {
) : null}
</div>
<section
className={`flex flex-col min-h-0 relative px-4 auto overflow-scroll`}
className={`flex flex-col min-h-0 relative px-4 auto overflow-auto`}
style={{
flex: '1 1 0',
height: hasScriptError && showScriptErrorCard ? 'auto' : '100%'

4
packages/bruno-app/src/components/RunnerResults/ResponsePane/index.js
View File

@@ -96,7 +96,7 @@ const ResponsePane = ({ rightPaneWidth, item, collection }) => {
}
return (
<StyledWrapper className="flex flex-col h-full relative overflow-scroll">
<StyledWrapper className="flex flex-col h-full relative overflow-auto">
<div className="flex items-center tabs overflow-visible" role="tablist">
<div className={getTabClassname('response')} role="tab" onClick={() => selectTab('response')}>
Response
@@ -128,7 +128,7 @@ const ResponsePane = ({ rightPaneWidth, item, collection }) => {
<ResponseSize size={size} />
</div>
</div>
<section className="flex flex-col flex-grow overflow-scroll">
<section className="flex flex-col flex-grow overflow-auto">
{hasScriptError && showScriptErrorCard && (
<ScriptError
item={item}

2
packages/bruno-app/src/components/RunnerResults/index.jsx
View File

@@ -180,7 +180,7 @@ export default function RunnerResults({ collection }) {
}
return (
<StyledWrapper className="px-4 pb-4 flex flex-grow flex-col relative overflow-scroll">
<StyledWrapper className="px-4 pb-4 flex flex-grow flex-col relative overflow-auto">
<div className="flex flex-row">
<div className="font-medium my-6 title flex items-center">
Runner

2
packages/bruno-app/src/components/VariablesEditor/index.js
View File

@@ -89,7 +89,7 @@ const VariablesEditor = ({ collection }) => {
const reactInspectorTheme = storedTheme === 'light' ? 'chromeLight' : 'chromeDark';
return (
<StyledWrapper className="px-4 py-4 overflow-scroll">
<StyledWrapper className="px-4 py-4 overflow-auto">
<RuntimeVariables collection={collection} theme={reactInspectorTheme} />
<EnvVariables collection={collection} theme={reactInspectorTheme} />