chore: ui layout polish

This commit is contained in:
Anoop M D 2023-10-07 19:12:20 +05:30
parent 50f2f54335
commit e381d0c00b
3 changed files with 5 additions and 3 deletions

View File

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

View File

@ -16,7 +16,7 @@ const TestResults = ({ results, assertionResults }) => {
return ( return (
<StyledWrapper className="flex flex-col px-3"> <StyledWrapper className="flex flex-col px-3">
<div className="py-2 font-medium test-summary"> <div className="pb-2 font-medium test-summary">
Tests ({results.length}/{results.length}), Passed: {passedTests.length}, Failed: {failedTests.length} Tests ({results.length}/{results.length}), Passed: {passedTests.length}, Failed: {failedTests.length}
</div> </div>
<ul className=""> <ul className="">

View File

@ -115,7 +115,9 @@ const ResponsePane = ({ rightPaneWidth, item, collection }) => {
</div> </div>
) : null} ) : null}
</div> </div>
<section className="flex flex-grow">{getTabPanel(focusedTab.responsePaneTab)}</section> <section className={`flex flex-grow ${focusedTab.responsePaneTab === 'response' ? '' : 'mt-4'}`}>
{getTabPanel(focusedTab.responsePaneTab)}
</section>
</StyledWrapper> </StyledWrapper>
); );
}; };