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-04 17:55:31 +07:00
parent 1c9b5877d6
commit 0aa684f2fb
2131 changed files with 365205 additions and 99 deletions
Download patch file Download diff file Expand all files Collapse all files

145
cms/src/lib/components/Footer.svelte Normal file
View file

@ -0,0 +1,145 @@
<script>
// make dynamic date to be added to footer
let date = new Date().getFullYear();
</script>
<footer class="relative bg-blueGray-200 pt-8 pb-6">
<div
class="bottom-auto top-0 left-0 right-0 w-full absolute pointer-events-none overflow-hidden -mt-20 h-20"
style="transform: translateZ(0);"
>
<svg
class="absolute bottom-0 overflow-hidden"
xmlns="http://www.w3.org/2000/svg"
preserveAspectRatio="none"
version="1.1"
viewBox="0 0 2560 100"
x="0"
y="0"
>
<polygon
class="text-blueGray-200 fill-current"
points="2560 0 2560 100 0 100"
></polygon>
</svg>
</div>
<div class="container mx-auto px-4">
<div class="flex flex-wrap text-center lg:text-left">
<div class="w-full lg:w-6/12 px-4">
<h5 class="text-2xl font-semibold">กองสรรหาบุคคล</h5>
<h6 class="text-md mt-1 mb-2 text-blueGray-600">
173 ถนนดินสอ แขวงเสาชิงช้า เขตพระนคร กรุงเทพมหานคร 10200
</h6>
<div class="mt-6 lg:mb-0 mb-6">
<button
class="bg-white text-lightBlue-600 shadow-lg font-normal h-10 w-10 items-center justify-center align-center rounded-full outline-none focus:outline-none mr-2"
type="button"
>
<i class="fab fa-facebook-square"></i>
</button>
<button
class="bg-white text-pink-400 shadow-lg font-normal h-10 w-10 items-center justify-center align-center rounded-full outline-none focus:outline-none mr-2"
type="button"
>
<i class="fab fa-dribbble"></i>
</button>
</div>
</div>
<div class="w-full lg:w-6/12 px-4">
<div class="flex flex-wrap items-top mb-6">
<div class="w-full lg:w-4/12 px-4 ml-auto">
<span
class="block uppercase text-blueGray-500 text-sm font-semibold mb-2"
>
ส่วนราชการ
</span>
<ul class="list-none">
<li>
<a
class="text-blueGray-600 hover:text-blueGray-800 font-semibold block pb-2 text-sm"
href="https://webportal.bangkok.go.th/KSB"
>
กองสรรหาบุคคล
</a>
</li>
<li>
<a
class="text-blueGray-600 hover:text-blueGray-800 font-semibold block pb-2 text-sm"
href="https://webportal.bangkok.go.th/pdbma"
>
กองพัฒนาระบบราชการ
</a>
</li>
<li>
<a
class="text-blueGray-600 hover:text-blueGray-800 font-semibold block pb-2 text-sm"
href="https://webportal.bangkok.go.th/csc_personal"
>
กองอัตรากำลัง
</a>
</li>
<li>
<a
class="text-blueGray-600 hover:text-blueGray-800 font-semibold block pb-2 text-sm"
href="http://203.155.220.238/csc/index.php/en/discipline-morality"
>
กองทะเบียนประวัติข้าราชการ
</a>
</li>
</ul>
</div>
<div class="w-full lg:w-4/12 px-4">
<span
class="block uppercase text-blueGray-500 text-sm font-semibold mb-2"
>
หน่วยงาน
</span>
<ul class="list-none">
<li>
<a
class="text-blueGray-600 hover:text-blueGray-800 font-semibold block pb-2 text-sm"
href="https://main.bangkok.go.th/"
>
กรุงเทพมหานคร
</a>
</li>
<li>
<a
class="text-blueGray-600 hover:text-blueGray-800 font-semibold block pb-2 text-sm"
href="https://webportal.bangkok.go.th/pdd"
>
สนป.กทม./กองการเจ้าหน้าที่
</a>
</li>
<li>
<a
class="text-blueGray-600 hover:text-blueGray-800 font-semibold block pb-2 text-sm"
href="https://webportal.bangkok.go.th/bangkokeducation"
>
สำนักการศึกษา กทม.
</a>
</li>
<li>
<a
class="text-blueGray-600 hover:text-blueGray-800 font-semibold block pb-2 text-sm"
href="https://www.ocsc.go.th/"
>
สำนักงาน ก.พ.
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<hr class="my-6 border-blueGray-300" />
<div class="flex flex-wrap items-center md:justify-between justify-center">
<div class="w-full md:w-4/12 px-4 mx-auto text-center">
<div class="text-sm text-blueGray-500 font-semibold py-1">
Copyright © {date} bangkok.go.th/ksb All rights reserved.
</div>
</div>
</div>
</div>
</footer>

98
cms/src/lib/components/Header.svelte
View file

@ -1,33 +1,65 @@
<div class="navbar bg-base-100">
<div class="navbar-start">
<div class="dropdown">
<!-- svelte-ignore a11y-label-has-associated-control -->
<!-- svelte-ignore a11y-no-noninteractive-tabindex -->
<label tabindex="0" class="btn btn-ghost lg:hidden">
<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h8m-8 6h16" /></svg>
</label>
<!-- svelte-ignore a11y-no-noninteractive-tabindex -->
<ul tabindex="0" class="menu menu-compact dropdown-content mt-3 p-2 shadow bg-base-100 rounded-box w-52">
<li><a href="/">หน้าหลัก</a></li>
<li><a href="/qualifying">การสอบคัดเลือก</a></li>
<li><a href="/competitive">การสอบแข่งขัน</a></li>
<li><a href="/about">เกี่ยวกับเรา</a></li>
</ul>
</div>
<a
href="https://webportal.bangkok.go.th/KSB/page/top/1119/%E0%B8%81%E0%B8%AD%E0%B8%87%E0%B8%AA%E0%B8%A3%E0%B8%A3%E0%B8%AB%E0%B8%B2%E0%B8%9A%E0%B8%B8%E0%B8%84%E0%B8%84%E0%B8%A5">
<img src="images/logo.jpg" alt="logo">
</a>
</div>
<div class="navbar-center hidden lg:flex">
<ul class="menu menu-horizontal px-1">
<li><a href="/">หน้าหลัก</a></li>
<li><a href="/qualifying">การสอบคัดเลือก</a></li>
<li><a href="/competitive">การสอบแข่งขัน</a></li>
<li><a href="/about">เกี่ยวกับเรา</a></li>
</ul>
</div>
<div class="navbar-end">
</div>
</div>
<div class="navbar bg-white w-full top-0 z-50 fixed flex-wrap items-center justify-between px-4">
<div
class="container px-4 mx-auto flex flex-no-wrap items-center justify-between"
>
<div class="flex-1">
<div class="justify-start flex">
<div class="content-center grid">
<div class="avatar">
<div class="w-10 rounded-full">
<img src="/images/logo.png" alt="logo">
</div>
</div>
</div>
<div class="content-center grid pl-4">
<a class="textline1"
href="https://webportal.bangkok.go.th/KSB/page/top/1119/%E0%B8%81%E0%B8%AD%E0%B8%87%E0%B8%AA%E0%B8%A3%E0%B8%A3%E0%B8%AB%E0%B8%B2%E0%B8%9A%E0%B8%B8%E0%B8%84%E0%B8%84%E0%B8%A5">
กองสรรหาบุคคล
</a>
<div class="textline2">สำนักงาน ก.ก.</div>
</div>
</div>
</div>
<div class="flex-none gap-2">
<div class="dropdown lg:hidden">
<!-- svelte-ignore a11y-label-has-associated-control -->
<!-- svelte-ignore a11y-no-noninteractive-tabindex -->
<label tabindex="0" class="btn btn-ghost ">
<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h8m-8 6h16" /></svg>
</label>
<!-- svelte-ignore a11y-no-noninteractive-tabindex -->
<ul tabindex="0" class="menu menu-compact dropdown-content mt-3 p-2 shadow bg-base-100 rounded-box w-52">
<li><a href="/">หน้าหลัก</a></li>
<li><a href="/qualifying">การสอบคัดเลือก</a></li>
<li><a href="/competitive">การสอบแข่งขัน</a></li>
<li><a href="/about">เกี่ยวกับเรา</a></li>
</ul>
</div>
<div class="tabs hidden lg:flex w-full"><!-- tab-active -->
<a href="/" class="tab " >หน้าแรก</a>
<a href="/qualifying" class="tab ">การสอบคัดเลือก</a>
<a href="/competitive" class="tab">การสอบแข่งขัน</a>
<a href="/about" class="tab">เกี่ยวกับเรา</a>
</div>
<!-- <button class="btn btn-primary btn-outline">
<i class="fa-solid fa-arrow-right-to-bracket"></i>
<span class="pl-3">เข้าสู่ระบบ</span>
</button> -->
</div>
</div>
</div>
<style>
.textline1{
line-height:1.2rem !important;
font-weight: 400;
/* color: #02A998; */
}
.textline2{
font-size: 0.80rem;
line-height:1.3rem !important;
letter-spacing: 0.05rem;
font-weight: 400;
color: #96a9ad;
}
</style>