fix: download data preview modal style
This commit is contained in:
@@ -33,75 +33,75 @@ export default class DownloadListRow extends HTMLTableRowElement {
|
||||
<thead>
|
||||
<tr class="flex flex-col">
|
||||
<th class="px-4 py-2">
|
||||
<div class="text-right whitespace-nowrap ">ID</div>
|
||||
<div class="dark:text-orange-500 text-right whitespace-nowrap ">ID</div>
|
||||
</th>
|
||||
<th class="px-4 py-2">
|
||||
<div class="text-right whitespace-nowrap ">IMDB ID</div>
|
||||
<div class="dark:text-orange-500 text-right whitespace-nowrap ">IMDB ID</div>
|
||||
</th>
|
||||
<th class="px-4 py-2">
|
||||
<div class="text-right whitespace-nowrap ">Title</div>
|
||||
<div class="dark:text-orange-500 text-right whitespace-nowrap ">Title</div>
|
||||
</th>
|
||||
<th class="px-4 py-2">
|
||||
<div class="text-right whitespace-nowrap ">URL</div>
|
||||
<div class="dark:text-orange-500 text-right whitespace-nowrap ">URL</div>
|
||||
</th>
|
||||
<th class="px-4 py-2">
|
||||
<div class="text-right whitespace-nowrap ">Filename</div>
|
||||
<div class="dark:text-orange-500 text-right whitespace-nowrap ">Filename</div>
|
||||
</th>
|
||||
<th class="px-4 py-2">
|
||||
<div class="text-right whitespace-nowrap ">Status</div>
|
||||
<div class="dark:text-orange-500 text-right whitespace-nowrap ">Status</div>
|
||||
</th>
|
||||
<th class="px-4 py-2">
|
||||
<div class="text-right whitespace-nowrap ">Progress</div>
|
||||
<div class="dark:text-orange-500 text-right whitespace-nowrap ">Progress</div>
|
||||
</th>
|
||||
<th class="px-4 py-2">
|
||||
<div class="text-right whitespace-nowrap ">Media Type</div>
|
||||
<div class="dark:text-orange-500 text-right whitespace-nowrap ">Media Type</div>
|
||||
</th>
|
||||
<th class="px-4 py-2">
|
||||
<div class="text-right whitespace-nowrap ">Episode ID</div>
|
||||
<div class="dark:text-orange-500 text-right whitespace-nowrap ">Episode ID</div>
|
||||
</th>
|
||||
<th class="px-4 py-2">
|
||||
<div class="text-right whitespace-nowrap ">Created At</div>
|
||||
<div class="dark:text-orange-500 text-right whitespace-nowrap ">Created At</div>
|
||||
</th>
|
||||
<th class="px-4 py-2">
|
||||
<div class="text-right whitespace-nowrap ">Updated At</div>
|
||||
<div class="dark:text-orange-500 text-right whitespace-nowrap ">Updated At</div>
|
||||
</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr class="flex flex-col">
|
||||
<th class="px-4 py-2">
|
||||
<div class="text-left whitespace-nowrap font-normal">${this.getAttribute('download-id') ?? "-"}</div>
|
||||
</th>
|
||||
<th class="px-4 py-2">
|
||||
<div class="text-left whitespace-nowrap font-normal">${this.getAttribute('imdb-id') ?? "-"}</div>
|
||||
</th>
|
||||
<th class="px-4 py-2">
|
||||
<div class="text-left whitespace-nowrap font-normal">${this.getAttribute('media-title') ?? "-"}</div>
|
||||
</th>
|
||||
<th class="px-4 py-2">
|
||||
<div class="text-left whitespace-nowrap font-normal">${this.getAttribute('url') ?? "-"}</div>
|
||||
</th>
|
||||
<th class="px-4 py-2">
|
||||
<div class="text-left whitespace-nowrap font-normal">${this.getAttribute('filename') ?? "-"}</div>
|
||||
</th>
|
||||
<th class="px-4 py-2">
|
||||
<div class="text-left whitespace-nowrap font-normal">${this.getAttribute('status') ?? "-"}</div>
|
||||
</th>
|
||||
<th class="px-4 py-2">
|
||||
<div class="text-left whitespace-nowrap font-normal">${this.getAttribute('progress') ?? "-"}</div>
|
||||
</th>
|
||||
<th class="px-4 py-2">
|
||||
<div class="text-left whitespace-nowrap font-normal">${this.getAttribute('media-type') ?? "-"}</div>
|
||||
</th>
|
||||
<th class="px-4 py-2">
|
||||
<div class="text-left whitespace-nowrap font-normal">${this.getAttribute('episode-id') ?? "-"}</div>
|
||||
</th>
|
||||
<th class="px-4 py-2">
|
||||
<div class="text-left whitespace-nowrap font-normal">${this.getAttribute('created-at') ?? "-"}</div>
|
||||
</th>
|
||||
<th class="px-4 py-2">
|
||||
<div class="text-left whitespace-nowrap font-normal">${this.getAttribute('updated-at') ?? "-"}</div>
|
||||
</th>
|
||||
<td class="px-4 py-2">
|
||||
<div class="text-left dark:text-white whitespace-nowrap font-normal">${this.getAttribute('download-id') ?? "-"}</div>
|
||||
</td>
|
||||
<td class="px-4 py-2">
|
||||
<div class="text-left dark:text-white whitespace-nowrap font-normal">${this.getAttribute('imdb-id') ?? "-"}</div>
|
||||
</td>
|
||||
<td class="px-4 py-2">
|
||||
<div class="text-left dark:text-white whitespace-nowrap font-normal">${this.getAttribute('media-title') ?? "-"}</div>
|
||||
</td>
|
||||
<td class="px-4 py-2">
|
||||
<div class="text-left dark:text-white whitespace-nowrap font-normal">${this.getAttribute('url') ?? "-"}</div>
|
||||
</td>
|
||||
<td class="px-4 py-2">
|
||||
<div class="text-left dark:text-white whitespace-nowrap font-normal">${this.getAttribute('filename') ?? "-"}</div>
|
||||
</td>
|
||||
<td class="px-4 py-2">
|
||||
<div class="text-left dark:text-white whitespace-nowrap font-normal">${this.getAttribute('status') ?? "-"}</div>
|
||||
</td>
|
||||
<td class="px-4 py-2">
|
||||
<div class="text-left dark:text-white whitespace-nowrap font-normal">${this.getAttribute('progress') ?? "-"}</div>
|
||||
</td>
|
||||
<td class="px-4 py-2">
|
||||
<div class="text-left dark:text-white whitespace-nowrap font-normal">${this.getAttribute('media-type') ?? "-"}</div>
|
||||
</td>
|
||||
<td class="px-4 py-2">
|
||||
<div class="text-left dark:text-white whitespace-nowrap font-normal">${this.getAttribute('episode-id') ?? "-"}</div>
|
||||
</td>
|
||||
<td class="px-4 py-2">
|
||||
<div class="text-left dark:text-white whitespace-nowrap font-normal">${this.getAttribute('created-at') ?? "-"}</div>
|
||||
</td>
|
||||
<td class="px-4 py-2">
|
||||
<div class="text-left dark:text-white whitespace-nowrap font-normal">${this.getAttribute('updated-at') ?? "-"}</div>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
Reference in New Issue
Block a user