trent_larson/crowd-funder-for-time-pwa
4
1
Fork 2
Code Issues Pull Requests 22 Releases 5 Wiki Activity

Adjustments to source-destination graphic

Browse Source
This commit is contained in:
Jose Olarte III
2025-03-31 21:46:50 +08:00
parent 8c8e4ec28e
commit c4031cfe61
1 changed files with 7 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
src/components/ActivityListItem.vue
View File

@@ -62,10 +62,10 @@
</a> </a>
</div> </div>
<div class="relative flex justify-between gap-4 max-w-lg mx-auto mb-5"> <div class="relative flex justify-between gap-4 max-w-[40rem] mx-auto mb-5">
<!-- Source --> <!-- Source -->
<div <div
class="w-28 sm:w-40 text-center bg-white border border-slate-200 rounded p-2 sm:p-3" class="w-[8rem] sm:w-[12rem] text-center bg-white border border-slate-200 rounded p-2 sm:p-3"
> >
<div class="relative w-fit mx-auto"> <div class="relative w-fit mx-auto">
<div> <div>
@@ -96,7 +96,7 @@
</div> </div>
<div <div
v-if="record.providerPlanName || record.giver.known" v-if="record.providerPlanName || record.giver.known"
class="text-xs mt-2 line-clamp-3 sm:line-clamp-2" class="text-xs mt-2 truncate"
> >
<font-awesome <font-awesome
:icon="record.providerPlanName ? 'users' : 'user'" :icon="record.providerPlanName ? 'users' : 'user'"
@@ -108,9 +108,9 @@
<!-- Arrow --> <!-- Arrow -->
<div <div
class="absolute inset-x-28 sm:inset-x-40 mx-2 top-1/2 -translate-y-1/2" class="absolute inset-x-[8rem] sm:inset-x-[12rem] mx-2 top-1/2 -translate-y-1/2"
> >
<div class="text-sm text-center leading-none font-semibold"> <div class="text-sm text-center leading-none font-semibold pe-[15px]">
{{ fetchAmount }} {{ fetchAmount }}
</div> </div>
@@ -127,7 +127,7 @@
<!-- Destination --> <!-- Destination -->
<div <div
class="w-28 sm:w-40 text-center bg-white border border-slate-200 rounded p-2 sm:p-3" class="w-[8rem] sm:w-[12rem] text-center bg-white border border-slate-200 rounded p-2 sm:p-3"
> >
<div class="relative w-fit mx-auto"> <div class="relative w-fit mx-auto">
<div> <div>
@@ -158,7 +158,7 @@
</div> </div>
<div <div
v-if="record.recipientProjectName || record.receiver.known" v-if="record.recipientProjectName || record.receiver.known"
class="text-xs mt-2 line-clamp-3 sm:line-clamp-2" class="text-xs mt-2 truncate"
> >
<font-awesome <font-awesome
:icon="record.recipientProjectName ? 'users' : 'user'" :icon="record.recipientProjectName ? 'users' : 'user'"