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 (
<StyledWrapper className="w-full">
<StyledWrapper className="w-full mt-1">
<div className="flex flex-grow justify-start items-center">
<AuthMode item={item} collection={collection} />
</div>

View File

@ -16,7 +16,7 @@ const TestResults = ({ results, assertionResults }) => {
return (
<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}
</div>
<ul className="">

View File

@ -115,7 +115,9 @@ const ResponsePane = ({ rightPaneWidth, item, collection }) => {
</div>
) : null}
</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>
);
};