ปรับ css หน้ารายละเอียดประกาศ แก้ตามประชุมวันนี้
This commit is contained in:
parent
faaae95956
commit
b8bf44ba3a
12 changed files with 142 additions and 90 deletions
|
|
@ -21,7 +21,7 @@
|
|||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<span class="breadTaxt">{data.title}</span>
|
||||
<span class="breadTaxt">ประกาศเกี่ยวกับการคัดเลือกบุคลากรกทม.</span>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
|
@ -29,27 +29,37 @@
|
|||
</div>
|
||||
<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>
|
||||
<div class="text-2xl mb-3 font-medium">{data.title}</div>
|
||||
<div class="text-sm">
|
||||
<i class="fa-regular fa-calendar mr-4 text-blue-500"></i><span class="text-blue-500">{data.date}</span>
|
||||
</div>
|
||||
<hr class="border-blueGray-200 my-7" />
|
||||
<div class="">
|
||||
{@html data.detail}
|
||||
</div>
|
||||
<div></div>
|
||||
{#if data.docUrl}
|
||||
<div><a href={data.docUrl} >เอกสาร</a></div>
|
||||
<hr class="border-blueGray-200 my-4" />
|
||||
<div class="text-lg py-1">
|
||||
<i class="fa-solid fa-bookmark mr-3 text-xs text-blue-400"></i><a href={data.docUrl} class="text-blue-400 hover:text-blue-600" target="_blank">คลิกที่นี่เพื่ออ่าน </a><span class="font-medium">เอกสารประกอบ</span>
|
||||
</div>
|
||||
{/if}
|
||||
{#if data.files}
|
||||
{#each data.files as file}
|
||||
<hr class="border-blueGray-200 mb-4 mt-4" />
|
||||
<div class="text-lg py-1">
|
||||
<i class="fa-solid fa-bookmark mr-3 text-xs text-blue-400"></i><a href={file.url} class="text-blue-400 hover:text-blue-600" target="_blank">คลิกที่นี่เพื่ออ่าน </a> <span class="font-medium">{file.title}</span>
|
||||
</div>
|
||||
{/each}
|
||||
{/if}
|
||||
<hr class="border-blueGray-200 my-7" />
|
||||
<div>
|
||||
<a href="javascript:history.back()" class="btn btn-outline text-gray-500">
|
||||
<i class="fa-solid fa-arrow-left mr-4"></i>
|
||||
ย้อนกลับ
|
||||
</a>
|
||||
</div>
|
||||
</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>
|
||||
|
||||
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue