rayan/bruno
1
0
Fork 0
mirror of https://github.com/usebruno/bruno.git synced 2026-07-09 06:55:03 +00:00
Code Issues Packages Projects Releases Wiki Activity

refactor(table): virtualise tables for perf for EditableTable components (#7810)

Browse Source
This commit is contained in:
Pooja
2026-04-24 13:06:28 +05:30
committed by GitHub
parent 9501a14bf8
commit 1f5f726e17
6 changed files with 237 additions and 145 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
packages/bruno-app/src/components/RequestPane/QueryParams/StyledWrapper.js
View File

@@ -38,6 +38,14 @@ const Wrapper = styled.div`
}
}
.bulk-edit-bar {
position: sticky;
bottom: 0;
background: ${(props) => props.theme.bg};
padding-top: 8px;
padding-bottom: 4px;
}
input[type='text'] {
width: 100%;
border: solid 1px transparent;

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

@@ -160,7 +160,7 @@ const QueryParams = ({ item, collection }) => {
columnWidths={queryParamsWidths}
onColumnWidthsChange={(widths) => handleColumnWidthsChange('query-params', widths)}
/>
<div className="flex justify-end mt-2">
<div className="bulk-edit-bar flex justify-end mt-2">
<button className="btn-action text-link select-none" onClick={toggleBulkEditMode}>
Bulk Edit
</button>

8
packages/bruno-app/src/components/RequestPane/RequestHeaders/StyledWrapper.js
View File

@@ -29,6 +29,14 @@ const Wrapper = styled.div`
}
}
.bulk-edit-bar {
position: sticky;
bottom: 0;
background: ${(props) => props.theme.bg};
padding-top: 8px;
padding-bottom: 4px;
}
input[type='text'] {
width: 100%;
border: solid 1px transparent;

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

@@ -145,7 +145,7 @@ const RequestHeaders = ({ item, collection, addHeaderText }) => {
columnWidths={headersWidths}
onColumnWidthsChange={(widths) => handleColumnWidthsChange('request-headers', widths)}
/>
<div className="flex justify-end mt-2">
<div className="bulk-edit-bar flex justify-end mt-2">
<button className="btn-action text-link select-none" onClick={toggleBulkEditMode}>
Bulk Edit
</button>