jan/openreplay
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix(ui): fix header height

Browse source
This commit is contained in:
nick-delirium 2023-06-16 09:38:23 +02:00
parent 73ecaf5440
commit d60d6ab487
4 changed files with 4 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
frontend/app/components/Session_/Fetch/FetchDetails.js
View file

@ -152,7 +152,7 @@ export default class FetchDetails extends React.PureComponent {
onClick={ this.onTabClick }
border={ true }
/>
<div style={{ height: 'calc(100vh - 314px)', overflowY: 'auto' }}>
<div style={{ height: 'calc(100vh - 364px)', overflowY: 'auto' }}>
{ this.renderActiveTab(activeTab) }
</div>
</div>

2
frontend/app/components/Session_/GraphQL/GQLDetails.js
View file

@ -35,7 +35,7 @@ export default class GQLDetails extends React.PureComponent {
</div>
</div>
<div style={{ height: 'calc(100vh - 314px)', overflowY: 'auto' }}>
<div style={{ height: 'calc(100vh - 364px)', overflowY: 'auto' }}>
<div>
<div className="flex justify-between items-start mt-6 mb-2">
<h5 className="mt-1 mr-1">{'Variables'}</h5>

2
frontend/app/components/shared/FetchDetailsModal/components/FetchTabs/FetchTabs.tsx
View file

@ -151,7 +151,7 @@ function FetchTabs({ resource }: Props) {
return (
<div>
<Tabs tabs={TABS} active={activeTab} onClick={onTabClick} border={true} />
<div style={{ height: 'calc(100vh - 314px)', overflowY: 'auto' }}>{renderActiveTab()}</div>
<div style={{ height: 'calc(100vh - 364px)', overflowY: 'auto' }}>{renderActiveTab()}</div>
</div>
);
}

2
frontend/app/components/shared/GraphQLDetailsModal/GraphQLDetailsModal.tsx
View file

@ -40,7 +40,7 @@ function GraphQLDetailsModal(props: Props) {
</div>
</div>
<div style={{ height: 'calc(100vh - 314px)', overflowY: 'auto' }}>
<div style={{ height: 'calc(100vh - 364px)', overflowY: 'auto' }}>
<div>
<div className="flex justify-between items-start mt-6 mb-2">
<h5 className="mt-1 mr-1 font-medium">{'Variables'}</h5>