trentlarson/crowd-funder-from-jason
1
0
Fork 0
forked from jsnbuchanan/crowd-funder-for-time-pwa
Code Issues Pull Requests Projects Releases Wiki Activity

feat: make the project/person selector on pop-up right-justified

Browse Source
This commit is contained in:
Trent Larson
2025-12-17 21:26:21 -07:00
parent 34a7119086
commit d4a7c0dda0
1 changed files with 8 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
src/components/EntitySelectionStep.vue
View File

@@ -8,12 +8,11 @@ notifications for conflicted entities * - Template streamlined with computed CSS
properties * * @author Matthew Raymer */
<template>
<div id="sectionGiftedGiver">
<label class="block font-bold mb-4">
<label class="block font-bold mb-1">
{{ stepLabel }}
</label>
<!-- Toggle link for entity type selection -->
<div class="mb-3">
<div class="text-right mb-4">
<button
type="button"
class="text-sm text-blue-600 hover:text-blue-800 underline font-medium"
@@ -166,15 +165,15 @@ export default class EntitySelectionStep extends Vue {
*/
get stepLabel(): string {
if (this.stepType === "recipient") {
return "Choose who received the gift:";
return "Choose who received the gift";
} else if (this.stepType === "giver") {
if (this.shouldShowProjects) {
return "Choose a project benefitted from:";
return "Choose a project benefitted from";
} else {
return "Choose a person received from:";
return "Choose a person received from";
}
}
return "Choose entity:";
return "Choose entity";
}
/**
@@ -213,9 +212,9 @@ export default class EntitySelectionStep extends Vue {
*/
get toggleLinkText(): string {
if (this.shouldShowProjects) {
return "or choose a person instead →";
return "... or choose a person instead →";
} else {
return "or choose a project instead →";
return "... or choose a project instead →";
}
}