mirror of
https://github.com/usebruno/bruno.git
synced 2025-06-21 20:41:41 +02:00
fix(#491): fix response overlay scroller
This commit is contained in:
parent
53e49ffdd3
commit
beaa20c134
@ -2,16 +2,12 @@ import styled from 'styled-components';
|
|||||||
|
|
||||||
const StyledWrapper = styled.div`
|
const StyledWrapper = styled.div`
|
||||||
position: absolute;
|
position: absolute;
|
||||||
|
height: 100%;
|
||||||
z-index: 1;
|
z-index: 1;
|
||||||
height: 100vh;
|
|
||||||
background-color: ${(props) => props.theme.requestTabPanel.responseOverlayBg};
|
background-color: ${(props) => props.theme.requestTabPanel.responseOverlayBg};
|
||||||
|
|
||||||
div.overlay {
|
div.overlay {
|
||||||
position: absolute;
|
height: 100%;
|
||||||
top: 0;
|
|
||||||
right: 0;
|
|
||||||
left: 0;
|
|
||||||
bottom: 0;
|
|
||||||
z-index: 9;
|
z-index: 9;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
|
@ -115,7 +115,7 @@ const ResponsePane = ({ rightPaneWidth, item, collection }) => {
|
|||||||
</div>
|
</div>
|
||||||
) : null}
|
) : null}
|
||||||
</div>
|
</div>
|
||||||
<section className={`flex flex-grow ${focusedTab.responsePaneTab === 'response' ? '' : 'mt-4'}`}>
|
<section className={`flex flex-grow relative ${focusedTab.responsePaneTab === 'response' ? '' : 'mt-4'}`}>
|
||||||
{isLoading ? <Overlay item={item} collection={collection} /> : null}
|
{isLoading ? <Overlay item={item} collection={collection} /> : null}
|
||||||
{getTabPanel(focusedTab.responsePaneTab)}
|
{getTabPanel(focusedTab.responsePaneTab)}
|
||||||
</section>
|
</section>
|
||||||
|
Loading…
x
Reference in New Issue
Block a user