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

Resynching master branch

Browse Source
This commit is contained in:
Matthew Aaron Raymer
2022-11-30 13:20:45 +08:00
parent 301b96ef3a
commit f28e2123b1
17 changed files with 329 additions and 107 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
src/views/DiscoverView.vue
View File

@@ -1,34 +1,35 @@
<template>
<!-- QUICK NAV -->
<nav id="QuickNav" class="fixed bottom-0 left-0 right-0 bg-slate-200">
<ul class="flex text-2xl p-2 gap-2">
<!-- Home Feed -->
<li class="basis-1/5 rounded-md text-slate-500">
<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>
</li>
<!-- Search -->
<li class="basis-1/5 rounded-md bg-slate-400 text-white">
<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>
</li>
<!-- Projects -->
<li class="basis-1/5 rounded-md text-slate-500">
<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>
</li>
<!-- Commitments -->
<li class="basis-1/5 rounded-md text-slate-500">
<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>
</li>
<!-- Profile -->
<li class="basis-1/5 rounded-md text-slate-500">
<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>
</li>
</ul>
@@ -46,12 +47,12 @@
<input
type="text"
placeholder="Search…"
class="block w-full rounded-l border-r-0 border-slate-400"
class="block w-full rounded-l border border-r-0 border-slate-400 px-3 py-2"
/>
<button
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>
</form>
@@ -99,7 +100,7 @@
<div class="grow">
<h2 class="text-base font-semibold">Canyon cleanup</h2>
<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>
</a>
@@ -117,7 +118,7 @@
<div class="grow">
<h2 class="text-base font-semibold">Potluck with neighbors</h2>
<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>
</a>
@@ -135,7 +136,7 @@
<div class="grow">
<h2 class="text-base font-semibold">Historical site</h2>
<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>
</div>
</div>