iptv-org-mirror/iptv-org.github.io
1
0
Fork 0
mirror of https://github.com/iptv-org/iptv-org.github.io.git synced 2025-05-11 17:40:05 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

Update HTMLPreview.svelte

Browse source
This commit is contained in:
freearhey 2025-02-10 03:01:55 +03:00
parent 141aac0e74
commit 6c1ff2b9b3
1 changed files with 13 additions and 26 deletions
Download patch file Download diff file Expand all files Collapse all files

39
src/components/HTMLPreview.svelte
View file

@ -86,17 +86,17 @@
} }
</script> </script>
<table class="table-fixed"> <table class="table-fixed w-full">
<tbody> <tbody>
{#each fieldset as field} {#each fieldset as field}
<tr> <tr class="overflow-hidden">
<td class="align-top w-[11rem]"> <td class="align-top w-[140px] sm:w-[180px]">
<div class="flex pr-4 pb-3 text-sm text-gray-500 whitespace-nowrap dark:text-gray-400"> <div class="flex pr-5 pb-3 text-sm text-gray-500 whitespace-nowrap dark:text-gray-400">
{field.name} {field.name}
</div> </div>
</td> </td>
<td class="align-top"> <td class="align-top w-full overflow-hidden">
<div class="flex pb-3 text-sm text-gray-800 dark:text-gray-100 flex-wrap"> <div class="flex pb-3 text-sm text-gray-800 dark:text-gray-100">
{#if field.type === 'image'} {#if field.type === 'image'}
<img <img
src={field.value} src={field.value}
@ -110,6 +110,7 @@
href="/?q={field.value.query}" href="/?q={field.value.query}"
on:click={() => close()} on:click={() => close()}
class="underline hover:text-blue-500" class="underline hover:text-blue-500"
title={field.value.label}
> >
{field.value.label} {field.value.label}
</a> </a>
@ -121,6 +122,7 @@
href="/?q={value.query}" href="/?q={value.query}"
on:click={() => close()} on:click={() => close()}
class="underline hover:text-blue-500" class="underline hover:text-blue-500"
title={value.label}
> >
{value.label} {value.label}
</a> </a>
@ -128,30 +130,15 @@
{:else if field.type === 'external_link'} {:else if field.type === 'external_link'}
<a <a
href={field.value} href={field.value}
class="underline hover:text-blue-500 inline-flex align-middle whitespace-nowrap" class="underline hover:text-blue-500 truncate"
target="_blank" target="_blank"
rel="noopener noreferrer" rel="noopener noreferrer"
>{field.value}<span title={field.value}>{field.value}</a
class="inline-flex items-center pl-1 text-sm font-semibold text-gray-400 rounded-full"
>
<svg
class="w-4 h-4"
fill="none"
stroke="currentColor"
viewBox="0 0 24 24"
xmlns="http://www.w3.org/2000/svg"
>
<path
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"
/>
</svg>
</span></a
> >
{:else if field.name === 'id'}
<span class="truncate" title={field.value}>{field.value}</span>
{:else} {:else}
{field.value} <span title={field.value}>{field.value}</span>
{/if} {/if}
</div> </div>
</td> </td>