hrms-bangkok/hrms-exam
7
0
Fork 0
Code Issues Pull requests Projects Releases Packages 1 Wiki Activity Actions

ปรับ css หน้ารายละเอียดประกาศ แก้ตามประชุมวันนี้

Browse source
This commit is contained in:
Tanyalak 2023-04-07 17:58:02 +07:00
parent faaae95956
commit b8bf44ba3a
12 changed files with 142 additions and 90 deletions
Download patch file Download diff file Expand all files Collapse all files

20
cms/src/routes/qualifying/+page.svelte
View file

@ -12,8 +12,9 @@
</div>
</section>
<section class="pb-40 relative bg-blueGray-100">
<div class="p-3">{@html data.content}</div>
<div class="container mx-auto justify-center flex flex-wrap">
<div class=" bg-blueGray-100 -mt-6 px-5 top-0 bottom-auto absolute z-40 rounded-md" >
<div class="text-sm breadcrumbs">
<ul>
@ -28,6 +29,9 @@
</ul>
</div>
</div>
<!-- <div class="w-full row pt-8 justify-start px-7">
<div class="full-width text-left">{@html data.content}</div>
</div> -->
</div>
<div class="container mx-auto items-start flex flex-wrap px-4 pt-11">
<div class="w-full lg:w-7/12 cardxl">
@ -48,20 +52,20 @@
</div>
</div>
<div class="block w-full overflow-x-auto">
<table class="items-center w-full bg-transparent border-collapse">
<table class="items-center w-full bg-transparent border-collapse tableScroll">
<thead>
<tr>
<th class="px-6 align-middle border border-solid py-3 text-xs uppercase border-l-0 border-r-0 whitespace-nowrap font-semibold text-left bg-blueGray-50 text-blueGray-500 border-blueGray-100">วันที่</th>
<th class="px-6 align-middle border border-solid py-3 text-xs uppercase border-l-0 border-r-0 whitespace-nowrap font-semibold text-left bg-blueGray-50 text-blueGray-500 border-blueGray-100">การสอบ</th>
<th class="px-6 align-middle border border-solid py-3 text-xs uppercase border-l-0 border-r-0 whitespace-nowrap font-semibold text-left bg-blueGray-50 text-blueGray-500 border-blueGray-100">หน่วยงาน</th>
<th class="px-6 align-middle border border-solid py-3 text-sm uppercase border-l-0 border-r-0 whitespace-nowrap font-semibold text-left bg-blueGray-50 text-blueGray-500 border-blueGray-100">วันที่</th>
<th class="px-6 align-middle border border-solid py-3 text-sm uppercase border-l-0 border-r-0 whitespace-nowrap font-semibold text-left bg-blueGray-50 text-blueGray-500 border-blueGray-100">การสอบ</th>
<th class="px-6 align-middle border border-solid py-3 text-sm uppercase border-l-0 border-r-0 whitespace-nowrap font-semibold text-left bg-blueGray-50 text-blueGray-500 border-blueGray-100">หน่วยงาน</th>
</tr>
</thead>
<tbody>
{#each exams as exam}
<tr>
<th class="border-t-0 px-6 align-middle border-l-0 border-r-0 text-xs whitespace-nowrap p-4 text-left"><a href={"/qualifying/"+exam.id}>{exam.date}</a></th>
<td class="border-t-0 px-6 align-middle border-l-0 border-r-0 text-xs whitespace-nowrap p-4 text-left"><a href={"/qualifying/"+exam.id}>{exam.title}</a></td>
<td class="border-t-0 px-6 align-middle border-l-0 border-r-0 text-xs whitespace-nowrap p-4 text-left">{exam.institute}</td>
<th class="border-t-0 px-6 align-middle border-l-0 border-r-0 text-sm whitespace-nowrap p-4 text-left"><a href={"/qualifying/"+exam.id}>{exam.date}</a></th>
<td class="border-t-0 px-6 align-middle border-l-0 border-r-0 text-sm whitespace-nowrap p-4 text-left"><a href={"/qualifying/"+exam.id}>{exam.title}</a></td>
<td class="border-t-0 px-6 align-middle border-l-0 border-r-0 text-sm whitespace-nowrap p-4 text-left">{exam.institute}</td>
{/each}
</tbody>
</table>

42
cms/src/routes/qualifying/[id]/+page.svelte
View file

@ -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>