chore: some adjustments

src/components/GitcoinCard.vue

@@ -11,14 +11,18 @@
             cursor-pointer
         "
     >
-        <img :src="imageUrl" class="w-28 h-28 rounded rounded-2xl m-2" />
-        <div class="w-45 md:w-60 pl-10">
+        <img :src="imageUrl" class="w-32 h-32 rounded rounded-2xl m-0.5" />
+        <div class="w-45 md:w-60 pl-8">
             <div class="mb-2 font-semibold text-lg">{{ name }}</div>
             <div class="w-full flex flex-row gap-x-6 overflow-y-auto">
                 <div>
                     <div class="font-medium">{{ contrib }}</div>
                     <div>Contrib</div>
                 </div>
+                <div>
+                    <div class="font-medium">{{ contrib }}</div>
+                    <div>ETH</div>
+                </div>
             </div>
         </div>
     </div>

src/views/Gitcoins.vue

@@ -38,7 +38,7 @@
             </div>
             <div
                 class="px-4 py-4 flex gap-5 fixed bottom-0 left-0 right-0 max-w-md m-auto w-full"
-                v-if="list.length == 0"
+                v-if="list.length === 0"
             >
                 <Button size="lg" class="m-auto text-lg bg-gitcoin-button text-white shadow-gitcoin">
                     Go to Gitcoin

src/views/Setup/SetupGitcoins.vue

@@ -23,6 +23,8 @@
             color-tips="text-gitcoin-title"
             color-background="bg-gitcoin-bg"
             class="w-full mb-4"
+            :is-having-content="true"
+            :tips="show.length === 0 ? 'Drag to reorder' : ''"
         >
             <template #content> </template>
             <template #footer-button>
@@ -45,14 +47,14 @@
             color-tips="text-gitcoin-title"
             color-background="bg-gray-bg"
             class="w-full mb-4"
-            :is-having-content="hide.length !== 0"
+            :is-having-content="true"
             :tips="hide.length === 0 ? 'Drag here to hide' : ''"
         >
             <template #accessibility>
                 <i class="bx bx-info-circle" style="color: rgba(0, 0, 0, 0.2)" />
             </template>
-            <template #header-button
-                ><Button
+            <template #header-button>
+                <Button
                     size="sm"
                     class="text-xs bg-white text-gitcoin-button shadow-gitcoin-sm ml-auto"
                     :class="{
@@ -62,8 +64,8 @@
                     @click="showAll"
                 >
                     Show All
-                </Button></template
-            >
+                </Button>
+            </template>
             <template #content> </template>
         </Card>
 
@@ -92,8 +94,8 @@ import ImgHolder from '@/components/ImgHolder.vue';
     },
 })
 export default class SetupGitcoins extends Vue {
-    public show: Array<Object> = [{}];
-    public hide: Array<Object> = [{}];
+    public show: Array<Object> = [];
+    public hide: Array<Object> = [];
 
     showAll() {}