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

Added back fontawesome icons

tmp
Jose Olarte III 2 years ago
parent
6fc070b45d
commit
bdb9da2b87
9 changed files with 72 additions and 43 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 33
      src/main.ts
  2. 22
      src/views/AccountViewView.vue
  3. 2
      src/views/ConfirmContactView.vue
  4. 2
      src/views/ContactScanView.vue
  5. 19
      src/views/DiscoverView.vue
  6. 2
      src/views/NewEditAccountView.vue
  7. 2
      src/views/NewEditCommitmentView.vue
  8. 6
      src/views/NewEditProjectView.vue
  9. 27
      src/views/ProjectViewView.vue

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>

Write Preview
Loading…
Cancel
Save