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

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

@ -2,12 +2,12 @@
<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>