Beautify subpage with css and data

This commit is contained in:
schooltechx 2023-04-06 22:07:46 +07:00
parent c3ff670473
commit faaae95956
6 changed files with 112 additions and 26 deletions

View file

@ -24,13 +24,28 @@
</div>
</div>
</div>
<div class="container mx-auto items-start flex flex-wrap px-4 pt-11">
<div class="card bg-white shadow-xl w-full p-8">
<div class="container mx-auto items-start flex flex-wrap px-4 pt-11 justify-center">
<div class="card bg-white shadow-xl w-full p-8 max-w-4xl ">
<div>
{@html data.detail}
</div>
<div class="pt-12"></div>
<div></div>
<div></div>
{#if data.docUrl}
<div><a href={data.docUrl} >เอกสาร</a></div>
{/if}
</div>
</div>
{#if data.files}
<div class="container mx-auto items-start flex flex-wrap px-4 pt-11 justify-center">
<div class="card bg-white shadow-xl w-full p-8 max-w-4xl">
{#each data.files as file}
<div>
<a href={file.url}>{file.title}</a>
</div>
{/each}
</div>
</div>
{/if}
</section>