move section between browser and viewport

This commit is contained in:
Simon Knott 2024-07-25 14:38:40 +02:00
parent d0eb805655
commit 742ae72fed
No known key found for this signature in database
GPG key ID: 8CEDC00028084AEC

View file

@ -25,12 +25,6 @@ export const MetadataView: React.FunctionComponent<{
if (!model)
return <></>;
return <div className='metadata-view vbox'>
{model.baseURL && (
<>
<div className='call-section' style={{ paddingTop: 2 }}>Config</div>
<div className='call-line'>baseURL:<a className='call-value string' href={model.baseURL} title={model.baseURL} target='_blank' rel='noopener noreferrer'>{model.baseURL}</a></div>
</>
)}
<div className='call-section' style={{ paddingTop: 2 }}>Time</div>
{!!model.wallTime && <div className='call-line'>start time:<span className='call-value datetime' title={new Date(model.wallTime).toLocaleString()}>{new Date(model.wallTime).toLocaleString()}</span></div>}
<div className='call-line'>duration:<span className='call-value number' title={msToString(model.endTime - model.startTime)}>{msToString(model.endTime - model.startTime)}</span></div>
@ -39,6 +33,12 @@ export const MetadataView: React.FunctionComponent<{
{model.channel && <div className='call-line'>channel:<span className='call-value string' title={model.channel}>{model.channel}</span></div>}
{model.platform && <div className='call-line'>platform:<span className='call-value string' title={model.platform}>{model.platform}</span></div>}
{model.options.userAgent && <div className='call-line'>user agent:<span className='call-value datetime' title={model.options.userAgent}>{model.options.userAgent}</span></div>}
{model.baseURL && (
<>
<div className='call-section' style={{ paddingTop: 2 }}>Config</div>
<div className='call-line'>baseURL:<a className='call-value string' href={model.baseURL} title={model.baseURL} target='_blank' rel='noopener noreferrer'>{model.baseURL}</a></div>
</>
)}
<div className='call-section'>Viewport</div>
{model.options.viewport && <div className='call-line'>width:<span className='call-value number' title={String(!!model.options.viewport?.width)}>{model.options.viewport.width}</span></div>}
{model.options.viewport && <div className='call-line'>height:<span className='call-value number' title={String(!!model.options.viewport?.height)}>{model.options.viewport.height}</span></div>}