change

src/pages/ProjectsPage.vue

@@ -14,14 +14,11 @@
         <pn-account-block-name/>
       </q-btn>
     </template>
-
-    <pn-scroll-list>
-      <template
-        #card-body-header
-        v-if="projects.length!==0 || archiveProjects.length!==0"
-        >
+    <pn-scroll-list 
+      :hideHeader="projects.length === 0 && archiveProjects.length === 0"
+      >
+      <template #card-body-header>
         <q-input
-          v-if="projects.length!==0"
           v-model="searchProject"
           clearable
           clear-icon="close"
@@ -35,7 +32,7 @@
         </q-input>
       </template>
       
-      <q-list separator v-if="projects.length!==0">
+      <q-list separator v-if="projects.length !== 0">
         <template
           v-for = "item in activeProjects"
           :key="item.id"
@@ -101,7 +98,7 @@
       </q-list>
 
       <div
-        v-if="archiveProjects.length!==0"
+        v-if="archiveProjects.length !== 0"
         class="flex column items-center w100"
         :class="showArchive ? 'bg-grey-12' : ''"
         >