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

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>