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

Added back fontawesome icons

Browse Source
This commit is contained in:
Jose Olarte III
2022-11-28 21:04:26 +08:00
parent 6fc070b45d
commit bdb9da2b87
9 changed files with 72 additions and 43 deletions
Download Patch File Download Diff File Expand all files Collapse all files

33
src/main.ts
View File

@@ -10,9 +10,40 @@ import { library } from "@fortawesome/fontawesome-svg-core";
import { import {
faChevronLeft, faChevronLeft,
faHouseChimney, faHouseChimney,
faMagnifyingGlass,
faFolderOpen,
faHand,
faCircleUser,
faCopy,
faShareNodes,
faQrcode,
faUser,
faPen,
faTrashCan,
faCalendar,
faEllipsisVertical,
faSpinner,
faCircleCheck,
} from "@fortawesome/free-solid-svg-icons"; } from "@fortawesome/free-solid-svg-icons";
library.add(faChevronLeft, faHouseChimney); library.add(
faChevronLeft,
faHouseChimney,
faMagnifyingGlass,
faFolderOpen,
faHand,
faCircleUser,
faCopy,
faShareNodes,
faQrcode,
faUser,
faPen,
faTrashCan,
faCalendar,
faEllipsisVertical,
faSpinner,
faCircleCheck
);
import { FontAwesomeIcon } from "@fortawesome/vue-fontawesome"; import { FontAwesomeIcon } from "@fortawesome/vue-fontawesome";

22
src/views/AccountViewView.vue
View File

@@ -5,31 +5,31 @@
<!-- Home Feed --> <!-- Home Feed -->
<li class="basis-1/5 rounded-md text-slate-500"> <li class="basis-1/5 rounded-md text-slate-500">
<a href="" class="block text-center py-3 px-1" <a href="" class="block text-center py-3 px-1"
><i class="fa-solid fa-house-chimney fa-fw"></i ><fa icon="house-chimney" class="fa-fw"></fa
></a> ></a>
</li> </li>
<!-- Search --> <!-- Search -->
<li class="basis-1/5 rounded-md text-slate-500"> <li class="basis-1/5 rounded-md text-slate-500">
<a href="search.html" class="block text-center py-3 px-1" <a href="search.html" class="block text-center py-3 px-1"
><i class="fa-solid fa-magnifying-glass fa-fw"></i ><fa icon="magnifying-glass" class="fa-fw"></fa
></a> ></a>
</li> </li>
<!-- Projects --> <!-- Projects -->
<li class="basis-1/5 rounded-md text-slate-500"> <li class="basis-1/5 rounded-md text-slate-500">
<a href="" class="block text-center py-3 px-1" <a href="" class="block text-center py-3 px-1"
><i class="fa-solid fa-folder-open fa-fw"></i ><fa icon="folder-open" class="fa-fw"></fa
></a> ></a>
</li> </li>
<!-- Commitments --> <!-- Commitments -->
<li class="basis-1/5 rounded-md text-slate-500"> <li class="basis-1/5 rounded-md text-slate-500">
<a href="" class="block text-center py-3 px-1" <a href="" class="block text-center py-3 px-1"
><i class="fa-solid fa-hand fa-fw rotate-45"></i ><fa icon="hand" class="fa-fw"></fa
></a> ></a>
</li> </li>
<!-- Profile --> <!-- Profile -->
<li class="basis-1/5 rounded-md bg-slate-400 text-white"> <li class="basis-1/5 rounded-md bg-slate-400 text-white">
<a href="account-view.html" class="block text-center py-3 px-1" <a href="account-view.html" class="block text-center py-3 px-1"
><i class="fa-solid fa-circle-user fa-fw"></i ><fa icon="circle-user" class="fa-fw"></fa
></a> ></a>
</li> </li>
</ul> </ul>
@@ -68,18 +68,18 @@
> >
<span <span
><code>did:peer:kl45kj41lk451kl3</code> ><code>did:peer:kl45kj41lk451kl3</code>
<i class="fa-solid fa-copy text-slate-400 fa-fw"></i <fa icon="copy" class="text-slate-400 fa-fw ml-1"></fa
></span> ></span>
<span> <span>
<button <button
class="text-xs uppercase bg-slate-500 text-white px-1.5 py-1 rounded-md" class="text-xs uppercase bg-slate-500 text-white px-1.5 py-1 rounded-md"
> >
<i class="fa-solid fa-share-nodes fa-fw"></i> <fa icon="share-nodes" class="fa-fw"></fa>
</button> </button>
<button <button
class="text-xs uppercase bg-slate-500 text-white px-1.5 py-1 rounded-md" class="text-xs uppercase bg-slate-500 text-white px-1.5 py-1 rounded-md ml-1"
> >
<i class="fa-solid fa-qrcode fa-fw"></i> <fa icon="qrcode" class="fa-fw"></fa>
</button> </button>
</span> </span>
</div> </div>
@@ -88,7 +88,7 @@
<div class="text-sm text-slate-500 mb-1"> <div class="text-sm text-slate-500 mb-1">
<span <span
><code>dyIgKepL19trfrFu5jzkoNhI</code> ><code>dyIgKepL19trfrFu5jzkoNhI</code>
<i class="fa-solid fa-copy text-slate-400 fa-fw"></i <fa icon="copy" class="text-slate-400 fa-fw ml-1"></fa
></span> ></span>
</div> </div>
@@ -96,7 +96,7 @@
<div class="text-sm text-slate-500 mb-1"> <div class="text-sm text-slate-500 mb-1">
<span <span
><code>m/44'/0'/0'/0/0</code> ><code>m/44'/0'/0'/0/0</code>
<i class="fa-solid fa-copy text-slate-400 fa-fw"></i <fa icon="copy" class="text-slate-400 fa-fw ml-1"></fa
></span> ></span>
</div> </div>
</div> </div>

2
src/views/ConfirmContactView.vue
View File

@@ -8,7 +8,7 @@
<a <a
href="account-view.html" href="account-view.html"
class="text-lg text-center px-2 py-1 absolute -left-2 -top-1" class="text-lg text-center px-2 py-1 absolute -left-2 -top-1"
><i class="fa-solid fa-chevron-left fa-fw"></i ><fa icon="chevron-left" class="fa-fw"></fa
></a> ></a>
Confirm Contact Confirm Contact

2
src/views/ContactScanView.vue
View File

@@ -7,7 +7,7 @@
<a <a
href="account-view.html" href="account-view.html"
class="text-lg text-center px-2 py-1 absolute -left-2 -top-1" class="text-lg text-center px-2 py-1 absolute -left-2 -top-1"
><fa icon="chevron-left"></fa ><fa icon="chevron-left" class="fa-fw"></fa
></a> ></a>
Scan Contact Scan Contact

19
src/views/DiscoverView.vue
View File

@@ -1,34 +1,35 @@
<template> <template>
<!-- QUICK NAV -->
<nav id="QuickNav" class="fixed bottom-0 left-0 right-0 bg-slate-200"> <nav id="QuickNav" class="fixed bottom-0 left-0 right-0 bg-slate-200">
<ul class="flex text-2xl p-2 gap-2"> <ul class="flex text-2xl p-2 gap-2">
<!-- Home Feed --> <!-- Home Feed -->
<li class="basis-1/5 rounded-md text-slate-500"> <li class="basis-1/5 rounded-md text-slate-500">
<a href="" class="block text-center py-3 px-1" <a href="" class="block text-center py-3 px-1"
><fa icon="chevron-left"></fa ><fa icon="house-chimney" class="fa-fw"></fa
></a> ></a>
</li> </li>
<!-- Search --> <!-- Search -->
<li class="basis-1/5 rounded-md bg-slate-400 text-white"> <li class="basis-1/5 rounded-md bg-slate-400 text-white">
<a href="search.html" class="block text-center py-3 px-1" <a href="search.html" class="block text-center py-3 px-1"
><i class="fa-solid fa-magnifying-glass fa-fw"></i ><fa icon="magnifying-glass" class="fa-fw"></fa
></a> ></a>
</li> </li>
<!-- Projects --> <!-- Projects -->
<li class="basis-1/5 rounded-md text-slate-500"> <li class="basis-1/5 rounded-md text-slate-500">
<a href="" class="block text-center py-3 px-1" <a href="" class="block text-center py-3 px-1"
><i class="fa-solid fa-folder-open fa-fw"></i ><fa icon="folder-open" class="fa-fw"></fa
></a> ></a>
</li> </li>
<!-- Commitments --> <!-- Commitments -->
<li class="basis-1/5 rounded-md text-slate-500"> <li class="basis-1/5 rounded-md text-slate-500">
<a href="" class="block text-center py-3 px-1" <a href="" class="block text-center py-3 px-1"
><i class="fa-solid fa-hand fa-fw rotate-45"></i ><fa icon="hand" class="fa-fw"></fa
></a> ></a>
</li> </li>
<!-- Profile --> <!-- Profile -->
<li class="basis-1/5 rounded-md text-slate-500"> <li class="basis-1/5 rounded-md text-slate-500">
<a href="account-view.html" class="block text-center py-3 px-1" <a href="account-view.html" class="block text-center py-3 px-1"
><i class="fa-solid fa-circle-user fa-fw"></i ><fa icon="circle-user" class="fa-fw"></fa
></a> ></a>
</li> </li>
</ul> </ul>
@@ -51,7 +52,7 @@
<button <button
class="px-4 rounded-r bg-slate-200 border border-l-0 border-slate-400" class="px-4 rounded-r bg-slate-200 border border-l-0 border-slate-400"
> >
<i class="fa-solid fa-magnifying-glass fa-fw"></i> <fa icon="magnifying-glass" class="fa-fw"></fa>
</button> </button>
</form> </form>
@@ -99,7 +100,7 @@
<div class="grow"> <div class="grow">
<h2 class="text-base font-semibold">Canyon cleanup</h2> <h2 class="text-base font-semibold">Canyon cleanup</h2>
<div class="text-sm"> <div class="text-sm">
<i class="fa-solid fa-user fa-fw text-slate-400"></i> Rotary <fa icon="user" class="fa-fw text-slate-400"></fa> Rotary
</div> </div>
</div> </div>
</a> </a>
@@ -117,7 +118,7 @@
<div class="grow"> <div class="grow">
<h2 class="text-base font-semibold">Potluck with neighbors</h2> <h2 class="text-base font-semibold">Potluck with neighbors</h2>
<div class="text-sm"> <div class="text-sm">
<i class="fa-solid fa-user fa-fw text-slate-400"></i> Andrew A. <fa icon="user" class="fa-fw text-slate-400"></fa> Andrew A.
</div> </div>
</div> </div>
</a> </a>
@@ -135,7 +136,7 @@
<div class="grow"> <div class="grow">
<h2 class="text-base font-semibold">Historical site</h2> <h2 class="text-base font-semibold">Historical site</h2>
<div class="text-sm"> <div class="text-sm">
<i class="fa-solid fa-user fa-fw text-slate-400"></i> <fa icon="user" class="fa-fw text-slate-400 mr-1"></fa>
<em>Unknown</em> <em>Unknown</em>
</div> </div>
</div> </div>

2
src/views/NewEditAccountView.vue
View File

@@ -7,7 +7,7 @@
<a <a
href="account-view.html" href="account-view.html"
class="text-lg text-center px-2 py-1 absolute -left-2 -top-1" class="text-lg text-center px-2 py-1 absolute -left-2 -top-1"
><fa icon="chevron-left"></fa> ><fa icon="chevron-left" class="fa-fw"></fa>
</a> </a>
[New/Edit] Identity [New/Edit] Identity
</h1> </h1>

2
src/views/NewEditCommitmentView.vue
View File

@@ -8,7 +8,7 @@
<a <a
href="project-view.html" href="project-view.html"
class="text-lg text-center px-2 py-1 absolute -left-2 -top-1" class="text-lg text-center px-2 py-1 absolute -left-2 -top-1"
><fa icon="chevron-left"></fa> ><fa icon="chevron-left" class="fa-fw"></fa>
</a> </a>
Make Commitment Make Commitment

6
src/views/NewEditProjectView.vue
View File

@@ -8,7 +8,7 @@
<a <a
href="project-view.html" href="project-view.html"
class="text-lg text-center px-2 py-1 absolute -left-2 -top-1" class="text-lg text-center px-2 py-1 absolute -left-2 -top-1"
><fa icon="chevron-left"></fa> ><fa icon="chevron-left" class="fa-fw"></fa>
</a> </a>
[New/Edit] Project [New/Edit] Project
@@ -25,12 +25,12 @@
<button <button
class="text-md font-bold uppercase bg-blue-600 text-white px-3 py-2 rounded" class="text-md font-bold uppercase bg-blue-600 text-white px-3 py-2 rounded"
> >
<i class="fa-solid fa-pen fa-fw"></i> <fa icon="pen" class="fa-fw"></fa>
</button> </button>
<button <button
class="text-md font-bold uppercase bg-red-600 text-white px-3 py-2 rounded" class="text-md font-bold uppercase bg-red-600 text-white px-3 py-2 rounded"
> >
<i class="fa-solid fa-trash-can fa-fw"></i> <fa icon="trash-can" class="fa-fw"></fa>
</button> </button>
</div> </div>
<img src="https://picsum.photos/800/400" class="w-full" /> <img src="https://picsum.photos/800/400" class="w-full" />

27
src/views/ProjectViewView.vue
View File

@@ -5,31 +5,31 @@
<!-- Home Feed --> <!-- Home Feed -->
<li class="basis-1/5 rounded-md text-slate-500"> <li class="basis-1/5 rounded-md text-slate-500">
<a href="" class="block text-center py-3 px-1" <a href="" class="block text-center py-3 px-1"
><fa icon="house-chimney"></fa ><fa icon="house-chimney" class="fa-fw"></fa
></a> ></a>
</li> </li>
<!-- Search --> <!-- Search -->
<li class="basis-1/5 rounded-md text-slate-500"> <li class="basis-1/5 rounded-md text-slate-500">
<a href="search.html" class="block text-center py-3 px-1" <a href="search.html" class="block text-center py-3 px-1"
><i class="fa-solid fa-magnifying-glass fa-fw"></i ><fa icon="magnifying-glass" class="fa-fw"></fa
></a> ></a>
</li> </li>
<!-- Projects --> <!-- Projects -->
<li class="basis-1/5 rounded-md bg-slate-400 text-white"> <li class="basis-1/5 rounded-md bg-slate-400 text-white">
<a href="" class="block text-center py-3 px-1" <a href="" class="block text-center py-3 px-1"
><i class="fa-solid fa-folder-open fa-fw"></i ><fa icon="folder-open" class="fa-fw"></fa
></a> ></a>
</li> </li>
<!-- Commitments --> <!-- Commitments -->
<li class="basis-1/5 rounded-md text-slate-500"> <li class="basis-1/5 rounded-md text-slate-500">
<a href="" class="block text-center py-3 px-1" <a href="" class="block text-center py-3 px-1"
><i class="fa-solid fa-hand fa-fw rotate-45"></i ><fa icon="hand" class="fa-fw"></fa
></a> ></a>
</li> </li>
<!-- Profile --> <!-- Profile -->
<li class="basis-1/5 rounded-md text-slate-500"> <li class="basis-1/5 rounded-md text-slate-500">
<a href="account-view.html" class="block text-center py-3 px-1" <a href="account-view.html" class="block text-center py-3 px-1"
><i class="fa-solid fa-circle-user fa-fw"></i ><fa icon="circle-user" class="fa-fw"></fa
></a> ></a>
</li> </li>
</ul> </ul>
@@ -42,13 +42,13 @@
<h1 class="text-lg text-center font-light relative px-7"> <h1 class="text-lg text-center font-light relative px-7">
<!-- Back --> <!-- Back -->
<a href="" class="text-lg text-center px-2 py-1 absolute -left-2 -top-1" <a href="" class="text-lg text-center px-2 py-1 absolute -left-2 -top-1"
><i class="fa-solid fa-chevron-left fa-fw"></i ><fa icon="chevron-left" class="fa-fw"></fa
></a> ></a>
<!-- Context Menu --> <!-- Context Menu -->
<a <a
href="" href=""
class="text-lg text-center px-2 py-1 absolute -right-2 -top-1" class="text-lg text-center px-2 py-1 absolute -right-2 -top-1"
><i class="fa-solid fa-ellipsis-vertical fa-fw"></i ><fa icon="ellipsis-vertical" class="fa-fw"></fa
></a> ></a>
View Project View Project
@@ -65,11 +65,9 @@
<div> <div>
<h2 class="text-xl font-semibold">Canyon cleanup</h2> <h2 class="text-xl font-semibold">Canyon cleanup</h2>
<div class="flex justify-between gap-4 text-sm mb-3"> <div class="flex justify-between gap-4 text-sm mb-3">
<span><fa icon="user" class="fa-fw text-slate-400"></fa> Rotary</span>
<span <span
><i class="fa-solid fa-user fa-fw text-slate-400"></i> Rotary</span ><fa icon="calendar" class="fa-fw text-slate-400"></fa> 8 days
>
<span
><i class="fa-solid fa-calendar fa-fw text-slate-400"></i> 8 days
ago</span ago</span
> >
</div> </div>
@@ -99,22 +97,21 @@
<li class="flex justify-between gap-4 py-1.5 border-b border-slate-300"> <li class="flex justify-between gap-4 py-1.5 border-b border-slate-300">
<span>[Username]</span> <span>[Username]</span>
<span <span
>5 hours <i class="fa-solid fa-spinner fa-fw text-slate-400"></i >5 hours <fa icon="spinner" class="fa-fw text-slate-400"></fa
></span> ></span>
</li> </li>
<li class="flex justify-between gap-4 py-1.5 border-b border-slate-300"> <li class="flex justify-between gap-4 py-1.5 border-b border-slate-300">
<span>[Username]</span> <span>[Username]</span>
<span <span
>US$ 20.00 >US$ 20.00 <fa icon="circle-check" class="fa-fw text-lime-500"></fa
<i class="fa-solid fa-circle-check fa-fw text-lime-500"></i
></span> ></span>
</li> </li>
<li class="flex justify-between gap-4 py-1.5 border-b border-slate-300"> <li class="flex justify-between gap-4 py-1.5 border-b border-slate-300">
<span>[Username]</span> <span>[Username]</span>
<span <span
>0.1 BTC <i class="fa-solid fa-spinner fa-fw text-slate-400"></i >0.1 BTC <fa icon="spinner" class="fa-fw text-slate-400"></fa
></span> ></span>
</li> </li>
</ul> </ul>