fix(html): th elements should be nested under tr, not directly under thead (#801)

This commit is contained in:
TheCatLady
2021-02-02 04:04:13 -05:00
committed by GitHub
parent 1ccafc0ebd
commit 6e9ac275e1
2 changed files with 22 additions and 16 deletions

View File

@@ -134,11 +134,13 @@ const RequestList: React.FC = () => {
</div> </div>
<Table> <Table>
<thead> <thead>
<Table.TH>{intl.formatMessage(messages.mediaInfo)}</Table.TH> <tr>
<Table.TH>{intl.formatMessage(messages.status)}</Table.TH> <Table.TH>{intl.formatMessage(messages.mediaInfo)}</Table.TH>
<Table.TH>{intl.formatMessage(messages.requestedAt)}</Table.TH> <Table.TH>{intl.formatMessage(messages.status)}</Table.TH>
<Table.TH>{intl.formatMessage(messages.modifiedBy)}</Table.TH> <Table.TH>{intl.formatMessage(messages.requestedAt)}</Table.TH>
<Table.TH></Table.TH> <Table.TH>{intl.formatMessage(messages.modifiedBy)}</Table.TH>
<Table.TH></Table.TH>
</tr>
</thead> </thead>
<Table.TBody> <Table.TBody>
{data.results.map((request) => { {data.results.map((request) => {

View File

@@ -108,10 +108,12 @@ const SettingsJobs: React.FC = () => {
<div className="section"> <div className="section">
<Table> <Table>
<thead> <thead>
<Table.TH>{intl.formatMessage(messages.jobname)}</Table.TH> <tr>
<Table.TH>{intl.formatMessage(messages.jobtype)}</Table.TH> <Table.TH>{intl.formatMessage(messages.jobname)}</Table.TH>
<Table.TH>{intl.formatMessage(messages.nextexecution)}</Table.TH> <Table.TH>{intl.formatMessage(messages.jobtype)}</Table.TH>
<Table.TH></Table.TH> <Table.TH>{intl.formatMessage(messages.nextexecution)}</Table.TH>
<Table.TH></Table.TH>
</tr>
</thead> </thead>
<Table.TBody> <Table.TBody>
{data?.map((job) => ( {data?.map((job) => (
@@ -169,13 +171,15 @@ const SettingsJobs: React.FC = () => {
<div className="section"> <div className="section">
<Table> <Table>
<thead> <thead>
<Table.TH>{intl.formatMessage(messages.cachename)}</Table.TH> <tr>
<Table.TH>{intl.formatMessage(messages.cachehits)}</Table.TH> <Table.TH>{intl.formatMessage(messages.cachename)}</Table.TH>
<Table.TH>{intl.formatMessage(messages.cachemisses)}</Table.TH> <Table.TH>{intl.formatMessage(messages.cachehits)}</Table.TH>
<Table.TH>{intl.formatMessage(messages.cachekeys)}</Table.TH> <Table.TH>{intl.formatMessage(messages.cachemisses)}</Table.TH>
<Table.TH>{intl.formatMessage(messages.cacheksize)}</Table.TH> <Table.TH>{intl.formatMessage(messages.cachekeys)}</Table.TH>
<Table.TH>{intl.formatMessage(messages.cachevsize)}</Table.TH> <Table.TH>{intl.formatMessage(messages.cacheksize)}</Table.TH>
<Table.TH></Table.TH> <Table.TH>{intl.formatMessage(messages.cachevsize)}</Table.TH>
<Table.TH></Table.TH>
</tr>
</thead> </thead>
<Table.TBody> <Table.TBody>
{cacheData?.map((cache) => ( {cacheData?.map((cache) => (