From 144bd66de7d0b5fa09a1bd58cc01ecd41a363229 Mon Sep 17 00:00:00 2001
From: "MJM_2025_05\\polly" <polly.hsu@mjmtech.com.tw>
Date: Wed, 24 Sep 2025 10:47:53 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BF=AE=E6=AD=A3=E9=A6=96=E9=A0=81?=
 =?UTF-8?q?=E6=A9=9F=E6=A7=8B=E8=AA=AA=E6=98=8E=E8=B7=91=E6=9D=BF=E5=95=8F?=
 =?UTF-8?q?=E9=A1=8C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/home/FacilityHeaderInfo.vue | 25 +++++++++++-----------
 1 file changed, 12 insertions(+), 13 deletions(-)

diff --git a/src/components/home/FacilityHeaderInfo.vue b/src/components/home/FacilityHeaderInfo.vue
index fe0dbc2..f3b27a6 100644
--- a/src/components/home/FacilityHeaderInfo.vue
+++ b/src/components/home/FacilityHeaderInfo.vue
@@ -1,13 +1,13 @@
 <template>
   <div class="relative">
-    <!-- 頂部資訊條：機構名稱 + 返回 -->
+    <!-- 頂部資訊條：機構名稱 + 返回-->
     <div
-      class="absolute top-0 left-0 z-30 flex justify-between items-center w-full px-2 py-1 bg-brand-gray-lighter/80"
+      class="absolute top-0 left-0 z-30 flex justify-between items-center w-full px-2 bg-brand-gray-lighter/80 h-8"
     >
       <div
-        class="w-full h-[24px] flex justify-start items-center gap-3 text-brand-black"
+        class="flex-1 min-w-0 h-8 flex items-center gap-3 text-brand-black"
       >
-        <span>
+        <span class="shrink-0">
           <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 24">
             <g fill="none" fill-rule="evenodd">
               <path d="m12.593 23.258l-.011.002l-.071.035l-.02.004l-.014-.004l-.071-.035q-.016-.005-.024.005l-.004.01l-.017.428l.005.02l.01.013l.104.074l.015.004l.012-.004l.104-.074l.012-.016l.004-.017l-.017-.427q-.004-.016-.017-.018m.265-.113l-.013.002l-.185.093l-.01.01l-.003.011l.018.43l.005.012l.008.007l.201.093q.019.005.029-.008l.004-.014l-.034-.614q-.005-.018-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014l-.034.614q.001.018.017.024l.015-.002l.201-.093l.01-.008l.004-.011l.017-.43l-.003-.012l-.01-.01z"/>
@@ -18,12 +18,14 @@
             </g>
           </svg>
         </span>
-        <span class="text-sm tracking-wider">{{ facilityDisplayName }}</span>
+        <span class="text-sm tracking-wider truncate">
+          {{ facilityDisplayName }}
+        </span>
       </div>
 
       <span
         v-if="selectedFacility !== 'ALL'"
-        class="inline-flex items-center justify-center rounded px-2 py-1 hover:bg-white/80 hover:text-brand-black cursor-pointer select-none"
+        class="shrink-0 inline-flex items-center justify-center rounded px-2 py-1 hover:bg-white/80 hover:text-brand-black cursor-pointer select-none"
         role="button"
         tabindex="0"
         @click="emitBack"
@@ -47,15 +49,15 @@
     </div>
 
     <!-- 照片 + 說明 -->
-    <div class="w-full grid grid-rows-12 justify-start items-start gap-2 hidden sm:grid">
-      <div class="h-[230px] row-span-8">
+    <div class="w-full grid grid-rows-12 justify-start items-start gap-4 hidden sm:grid pt-8">
+      <div class="h-[200px] row-span-7">
         <img
           :src="photo"
           alt="機構照片"
           class="w-full h-full rounded-sm object-cover"
         />
       </div>
-      <div class="row-span-4">
+      <div class="row-span-5">
         <p class="min-h-[120px] text-brand-gray bg-white/30 text-sm border rounded-sm px-2 py-3 border-brand-gray-light">
           {{ desc }}
         </p>
@@ -75,8 +77,5 @@ const props = defineProps({
 });
 
 const emit = defineEmits(["back"]);
-
-function emitBack() {
-  emit("back");
-}
+function emitBack() { emit("back"); }
 </script>