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

UI: spacing and text styling consistencies

Browse Source
This commit is contained in:
Jose Olarte III
2025-08-21 16:27:00 +08:00
parent 5f63e05090
commit aa55588cbb
1 changed files with 7 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
src/views/ProjectViewView.vue
View File

@@ -226,7 +226,7 @@
<div class="grid items-start grid-cols-1 sm:grid-cols-3 gap-4 mt-4"> <div class="grid items-start grid-cols-1 sm:grid-cols-3 gap-4 mt-4">
<!-- First, offers on the left--> <!-- First, offers on the left-->
<div class="bg-slate-100 px-4 py-3 rounded-md"> <div class="bg-slate-100 px-4 py-3 rounded-md">
<div v-if="activeDid && isRegistered"> <div v-if="activeDid && isRegistered" class="mb-4">
<div class="text-center"> <div class="text-center">
<button <button
data-testId="offerButton" data-testId="offerButton"
@@ -243,7 +243,7 @@
:project-name="name" :project-name="name"
/> />
<h3 class="text-lg font-bold mb-3 mt-4">Offered To This Idea</h3> <h3 class="text-lg font-bold leading-tight mb-3">Offered To This Idea</h3>
<div v-if="offersToThis.length === 0" class="text-sm"> <div v-if="offersToThis.length === 0" class="text-sm">
(None yet.<span v-if="activeDid && isRegistered"> Wanna (None yet.<span v-if="activeDid && isRegistered"> Wanna
@@ -314,7 +314,7 @@
<!-- Now, gives TO this project in the middle --> <!-- Now, gives TO this project in the middle -->
<!-- (similar to "FROM" gift display below) --> <!-- (similar to "FROM" gift display below) -->
<div class="bg-slate-100 px-4 py-3 rounded-md" data-testId="gives-to"> <div class="bg-slate-100 px-4 py-3 rounded-md" data-testId="gives-to">
<div v-if="activeDid && isRegistered"> <div v-if="activeDid && isRegistered" class="mb-4">
<div class="text-center"> <div class="text-center">
<button <button
class="block w-full bg-gradient-to-b from-blue-400 to-blue-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] text-white px-3 py-1.5 text-sm leading-tight rounded-md" class="block w-full bg-gradient-to-b from-blue-400 to-blue-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] text-white px-3 py-1.5 text-sm leading-tight rounded-md"
@@ -325,7 +325,7 @@
</div> </div>
</div> </div>
<h3 class="text-lg font-bold mt-4">Given To This Project</h3> <h3 class="text-lg font-bold leading-tight mb-3">Given To This Project</h3>
<div v-if="givesToThis.length === 0" class="text-sm"> <div v-if="givesToThis.length === 0" class="text-sm">
(None yet. If you've seen something, say something by clicking a (None yet. If you've seen something, say something by clicking a
@@ -476,7 +476,7 @@
<!-- Finally, gives FROM this project on the right --> <!-- Finally, gives FROM this project on the right -->
<!-- (similar to "TO" gift display above) --> <!-- (similar to "TO" gift display above) -->
<div class="bg-slate-100 px-4 py-3 rounded-md" data-testId="gives-from"> <div class="bg-slate-100 px-4 py-3 rounded-md" data-testId="gives-from">
<div v-if="activeDid && isRegistered"> <div v-if="activeDid && isRegistered" class="mb-4">
<div class="text-center"> <div class="text-center">
<button <button
class="block w-full bg-gradient-to-b from-blue-400 to-blue-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] text-white px-3 py-1.5 text-sm leading-tight rounded-md" class="block w-full bg-gradient-to-b from-blue-400 to-blue-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] text-white px-3 py-1.5 text-sm leading-tight rounded-md"
@@ -494,11 +494,11 @@
:is-from-project-view="true" :is-from-project-view="true"
/> />
<h3 class="text-lg font-bold mb-3 mt-4"> <h3 class="text-lg font-bold leading-tight mb-3">
Benefitted From This Project Benefitted From This Project
</h3> </h3>
<div v-if="givesProvidedByThis.length === 0">(None yet.)</div> <div v-if="givesProvidedByThis.length === 0" class="text-sm">(None yet.)</div>
<ul v-else class="text-sm border-t border-slate-300"> <ul v-else class="text-sm border-t border-slate-300">
<li <li