23 lines
1.7 KiB
PHP
23 lines
1.7 KiB
PHP
<!-- includes/topbar.php -->
|
|
<header class="glass-dark text-white z-20 shadow-xl shrink-0 h-[72px] flex items-center">
|
|
<div class="absolute top-0 left-0 w-full h-1 bg-gradient-to-r from-blue-500 via-teal-400 to-emerald-500"></div>
|
|
<div class="px-4 md:px-6 flex justify-between items-center w-full">
|
|
<div class="flex items-center gap-3 md:gap-4">
|
|
<button onclick="window.openSidebar()" class="text-white hover:text-blue-400 focus:outline-none p-2 md:p-2.5 rounded-xl bg-white/5 hover:bg-white/10 border border-white/10 transition-all shadow-sm">
|
|
<i class="fa-solid fa-bars text-lg md:text-xl"></i>
|
|
</button>
|
|
<div class="flex items-center">
|
|
<div class="w-10 h-10 bg-white rounded-xl flex items-center justify-center mr-3 shadow-[0_0_10px_rgba(255,255,255,0.1)] hidden sm:flex overflow-hidden">
|
|
<img src="assets/img/logo.png" alt="MOPH Logo" class="w-full h-full object-contain p-1">
|
|
</div>
|
|
<div>
|
|
<h1 class="font-extrabold text-sm sm:text-base tracking-wide bg-gradient-to-r from-white to-blue-200 gradient-text leading-tight">ลดแออัดลดระยะเวลารอคอย</h1>
|
|
<p class="text-[9px] sm:text-[10px] text-blue-300 uppercase tracking-widest font-semibold hidden sm:block">One province one hospital (รพ.เกาะสมุย)</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="flex items-center gap-3">
|
|
<!-- ปุ่มพิมพ์ถูกนำออกตามคำขอ -->
|
|
</div>
|
|
</div>
|
|
</header> |