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

Fixes to alert visibility and icon

Browse Source
This commit is contained in:
Jose Olarte III
2023-02-27 20:16:24 +08:00
parent 2d78a46ef2
commit 1378106be7
2 changed files with 5 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/main.ts
View File

@@ -27,6 +27,7 @@ import {
faEllipsisVertical, faEllipsisVertical,
faSpinner, faSpinner,
faCircleCheck, faCircleCheck,
faXmark,
} from "@fortawesome/free-solid-svg-icons"; } from "@fortawesome/free-solid-svg-icons";
library.add( library.add(
@@ -46,7 +47,8 @@ library.add(
faCalendar, faCalendar,
faEllipsisVertical, faEllipsisVertical,
faSpinner, faSpinner,
faCircleCheck faCircleCheck,
faXmark
); );
import { FontAwesomeIcon } from "@fortawesome/vue-fontawesome"; import { FontAwesomeIcon } from "@fortawesome/vue-fontawesome";

4
src/views/NewEditProjectView.vue
View File

@@ -68,7 +68,7 @@
class="close-button bg-slate-200 w-8 leading-loose rounded-full absolute top-2 right-2" class="close-button bg-slate-200 w-8 leading-loose rounded-full absolute top-2 right-2"
@click="onClickClose()" @click="onClickClose()"
> >
<i class="fa-solid fa-xmark"></i> <fa icon="xmark"></fa>
</button> </button>
<h4 class="font-bold pr-5">{{ alertTitle }}</h4> <h4 class="font-bold pr-5">{{ alertTitle }}</h4>
<p>{{ alertMessage }}</p> <p>{{ alertMessage }}</p>
@@ -265,7 +265,7 @@ export default class NewEditProjectView extends Vue {
isAlertVisible = false; isAlertVisible = false;
public computedAlertClassNames() { public computedAlertClassNames() {
return { return {
hidden: this.isAlertVisible, hidden: !this.isAlertVisible,
"dismissable-alert": true, "dismissable-alert": true,
"bg-slate-100": true, "bg-slate-100": true,
"p-5": true, "p-5": true,