fix: align folder settings pane + scripts with request pane (#2817)

This commit is contained in:
Sam Wooler 2024-08-14 05:54:17 +01:00 committed by GitHub
parent b23a866e60
commit 85ad4c0159
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 5 additions and 5 deletions

View File

@ -44,8 +44,8 @@ const Script = ({ collection, folder }) => {
<div className="text-xs mb-4 text-muted"> <div className="text-xs mb-4 text-muted">
Pre and post-request scripts that will run before and after any request inside this folder is sent. Pre and post-request scripts that will run before and after any request inside this folder is sent.
</div> </div>
<div className="flex-1 mt-2"> <div className="flex flex-col flex-1 mt-2 gap-y-2">
<div className="mb-1 title text-xs">Pre Request</div> <div className="title text-xs">Pre Request</div>
<CodeEditor <CodeEditor
collection={collection} collection={collection}
value={requestScript || ''} value={requestScript || ''}
@ -56,8 +56,8 @@ const Script = ({ collection, folder }) => {
font={get(preferences, 'font.codeFont', 'default')} font={get(preferences, 'font.codeFont', 'default')}
/> />
</div> </div>
<div className="flex-1 mt-6"> <div className="flex flex-col flex-1 mt-2 gap-y-2">
<div className="mt-1 mb-1 title text-xs">Post Response</div> <div className="title text-xs">Post Response</div>
<CodeEditor <CodeEditor
collection={collection} collection={collection}
value={responseScript || ''} value={responseScript || ''}

View File

@ -50,7 +50,7 @@ const FolderSettings = ({ collection, folder }) => {
}; };
return ( return (
<StyledWrapper> <StyledWrapper className="flex flex-col h-full">
<div className="flex flex-col h-full relative px-4 py-4"> <div className="flex flex-col h-full relative px-4 py-4">
<div className="flex flex-wrap items-center tabs" role="tablist"> <div className="flex flex-wrap items-center tabs" role="tablist">
<div className={getTabClassname('headers')} role="tab" onClick={() => setTab('headers')}> <div className={getTabClassname('headers')} role="tab" onClick={() => setTab('headers')}>