Filip/playwright
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

align at center

Browse source
This commit is contained in:
Yury Semikhatsky 2024-07-31 16:33:33 -07:00
parent 06f5ea4384
commit 0a9fff0d4e
2 changed files with 5 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
packages/trace-viewer/src/ui/networkResourceDetails.css
View file

@ -70,8 +70,8 @@
width: 12px; width: 12px;
height: 12px; height: 12px;
border-radius: 6px; border-radius: 6px;
vertical-align: text-top;
margin-right: 2px; margin-right: 2px;
align-self: center;
} }
.green-circle::before { .green-circle::before {

6
packages/trace-viewer/src/ui/networkResourceDetails.tsx
View file

@ -80,8 +80,10 @@ const RequestTab: React.FunctionComponent<{
<div className='network-request-details-header'>General</div> <div className='network-request-details-header'>General</div>
<div className='network-request-details-url'>{`URL: ${resource.request.url}`}</div> <div className='network-request-details-url'>{`URL: ${resource.request.url}`}</div>
<div className='network-request-details-general'>{`Method: ${resource.request.method}`}</div> <div className='network-request-details-general'>{`Method: ${resource.request.method}`}</div>
<div className='network-request-details-general'>Status Code: <span className={statusClass(resource.response.status)}> <div className='network-request-details-general' style={{ display: 'flex' }}>
{`${resource.response.status} ${resource.response.statusText}`}</span></div> Status Code: <span className={statusClass(resource.response.status)} style={{ display: 'inline-flex' }}>
{`${resource.response.status} ${resource.response.statusText}`}
</span></div>
<div className='network-request-details-header'>Request Headers</div> <div className='network-request-details-header'>Request Headers</div>
<div className='network-request-details-headers'>{resource.request.headers.map(pair => `${pair.name}: ${pair.value}`).join('\n')}</div> <div className='network-request-details-headers'>{resource.request.headers.map(pair => `${pair.name}: ${pair.value}`).join('\n')}</div>
{requestBody && <div className='network-request-details-header'>Request Body</div>} {requestBody && <div className='network-request-details-header'>Request Body</div>}