Merge pull request #234 from brahma-dev/main

Allow tabs in tablists to wrap.
This commit is contained in:
Anoop M D 2023-09-28 18:58:10 +05:30 committed by GitHub
commit c9ec6902a5
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 3 additions and 3 deletions

View File

@ -125,7 +125,7 @@ const GraphQLRequestPane = ({ item, collection, leftPaneWidth, onSchemaLoad, tog
return ( return (
<StyledWrapper className="flex flex-col h-full relative"> <StyledWrapper className="flex flex-col h-full relative">
<div className="flex items-center tabs" role="tablist"> <div className="flex flex-wrap items-center tabs" role="tablist">
<div className={getTabClassname('query')} role="tab" onClick={() => selectTab('query')}> <div className={getTabClassname('query')} role="tab" onClick={() => selectTab('query')}>
Query Query
</div> </div>

View File

@ -73,7 +73,7 @@ const HttpRequestPane = ({ item, collection, leftPaneWidth }) => {
return ( return (
<StyledWrapper className="flex flex-col h-full relative"> <StyledWrapper className="flex flex-col h-full relative">
<div className="flex items-center tabs" role="tablist"> <div className="flex flex-wrap items-center tabs" role="tablist">
<div className={getTabClassname('params')} role="tab" onClick={() => selectTab('params')}> <div className={getTabClassname('params')} role="tab" onClick={() => selectTab('params')}>
Query Query
</div> </div>

View File

@ -99,7 +99,7 @@ const ResponsePane = ({ rightPaneWidth, item, collection }) => {
return ( return (
<StyledWrapper className="flex flex-col h-full relative"> <StyledWrapper className="flex flex-col h-full relative">
<div className="flex items-center px-3 tabs" role="tablist"> <div className="flex flex-wrap items-center px-3 tabs" role="tablist">
<div className={getTabClassname('response')} role="tab" onClick={() => selectTab('response')}> <div className={getTabClassname('response')} role="tab" onClick={() => selectTab('response')}>
Response Response
</div> </div>