ปรับ FullCalendar และหัวข้อปแต่ละหน้า

cms/src/lib/components/Header.svelte

@@ -1,4 +1,4 @@
-<div class="navbar bg-white w-full top-0 z-50 fixed flex-wrap items-center justify-between px-4">
+<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"
 	>
@@ -13,6 +13,7 @@
 		</div>
 		<div class="content-center grid pl-4">
 		<a class="textline1" 
+			target="_blank"
 			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>
@@ -28,11 +29,11 @@
 				<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 tabindex="0" style="width: 150px;" class="menu menu-compact dropdown-content mt-3 right-0 p-2 shadow bg-base-100 rounded-box w-52">
+				<li ><a class="hover:text-gray-500 active:bg-white" href="/">หน้าหลัก</a></li>
+				<li><a class="hover:text-gray-500 active:bg-white" href="/qualifying">การสอบคัดเลือก</a></li>
+				<li><a class="hover:text-gray-500 active:bg-white" href="/competitive">การสอบแข่งขัน</a></li>
+				<li><a class="hover:text-gray-500 active:bg-white" href="/about">เกี่ยวกับเรา</a></li>
 			</ul>
 		</div>
 		<div class="tabs hidden lg:flex w-full"><!-- tab-active -->
@@ -61,5 +62,4 @@ letter-spacing: 0.05rem;
 font-weight: 400;
 color: #96a9ad;
 }
-
 </style>