polly.hsu/uark_front
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: 修正首頁機構說明跑板問題

Browse Source
This commit is contained in:
MJM_2025_05\polly 2025-09-24 10:47:53 +08:00
parent c26acc90cc
commit 144bd66de7
1 changed files with 12 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
src/components/home/FacilityHeaderInfo.vue
View File

@ -1,13 +1,13 @@
<template> <template>
<div class="relative"> <div class="relative">
<!-- 頂部資訊條：機構名稱 + 返回 --> <!-- 頂部資訊條：機構名稱 + 返回-->
<div <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 <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"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 24">
<g fill="none" fill-rule="evenodd"> <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"/> <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> </g>
</svg> </svg>
</span> </span>
<span class="text-sm tracking-wider">{{ facilityDisplayName }}</span> <span class="text-sm tracking-wider truncate">
{{ facilityDisplayName }}
</span>
</div> </div>
<span <span
v-if="selectedFacility !== 'ALL'" 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" role="button"
tabindex="0" tabindex="0"
@click="emitBack" @click="emitBack"
@ -47,15 +49,15 @@
</div> </div>
<!-- 照片 + 說明 --> <!-- 照片 + 說明 -->
<div class="w-full grid grid-rows-12 justify-start items-start gap-2 hidden sm:grid"> <div class="w-full grid grid-rows-12 justify-start items-start gap-4 hidden sm:grid pt-8">
<div class="h-[230px] row-span-8"> <div class="h-[200px] row-span-7">
<img <img
:src="photo" :src="photo"
alt="機構照片" alt="機構照片"
class="w-full h-full rounded-sm object-cover" class="w-full h-full rounded-sm object-cover"
/> />
</div> </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"> <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 }} {{ desc }}
</p> </p>
@ -75,8 +77,5 @@ const props = defineProps({
}); });
const emit = defineEmits(["back"]); const emit = defineEmits(["back"]);
function emitBack() { emit("back"); }
function emitBack() {
emit("back");
}
</script> </script>