Fixes scroll issues

This commit is contained in:
freearhey 2023-10-10 12:45:15 +03:00
parent 255087865a
commit 3b7ed3ef40
7 changed files with 25 additions and 8 deletions

View file

@ -5,7 +5,7 @@
</script>
<div class="flex flex-col">
<div class="overflow-y-auto">
<div class="overflow-y-auto scrollbar-hide">
<div class="inline-block min-w-full align-middle overflow-hidden">
<div class="min-w-full divide-y divide-gray-200 dark:divide-gray-700">
<div class="bg-gray-50 dark:bg-gray-700">

View file

@ -31,8 +31,8 @@
<CloseButton on:click={close} />
</div>
</div>
<div class="overflow-y-auto overflow-x-hidden w-full">
<div class="p-12 pt-10">
<div class="overflow-y-auto overflow-x-scroll w-full scrollbar-hide">
<div class="inline-table p-12 pt-10">
<HTMLPreview data={channel} {close} />
</div>
</div>

View file

@ -84,17 +84,17 @@
}
</script>
<table class="table-fixed w-full">
<table class="table-fixed">
<tbody>
{#each fieldset as field}
<tr>
<td class="align-top w-[11rem]">
<div class="flex pr-4 py-1 text-sm text-gray-500 whitespace-nowrap dark:text-gray-400">
<div class="flex pr-4 pb-3 text-sm text-gray-500 whitespace-nowrap dark:text-gray-400">
{field.name}
</div>
</td>
<td class="align-top">
<div class="flex py-1 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 flex-wrap">
{#if field.type === 'image'}
<img
src={field.value}
@ -125,7 +125,7 @@
{:else if field.type === 'external_link'}
<a
href={field.value}
class="underline hover:text-blue-500 inline-flex align-middle"
class="underline hover:text-blue-500 inline-flex align-middle whitespace-nowrap"
target="_blank"
rel="noopener noreferrer"
>{field.value}<span