update

src/pages/project-page/ProjectPageHeader.vue

@@ -1,6 +1,7 @@
 <template>
   <div
     id="project-info"
+    v-if="project"
     :style="{ height: headerHeight + 'px', minHeight: '48px' }"
     class="flex row items-center justify-between no-wrap w100 q-gutter-x-sm"
     style="overflow: hidden; transition: height 0.3s ease-in-out; margin-left: 0"
@@ -34,7 +35,7 @@
             size="lg"
           />
 
-          <div class="flex column text-white fit">
+          <div class="flex column text-white fit q-pl-sm">
             <div
               class="text-h6 q-pl-sm text-field"
               >
@@ -85,18 +86,15 @@
       return currentProject
         ? {
           name: currentProject.name,
-          description: currentProject.description ?? '',
-          logo: currentProject.logo ?? ''
-        }
-        : {
-          name: '',
-          description: '',
-          logo: ''
+          description: currentProject.description,
+          logo: currentProject.logo
         }
+        : null
   })
   
   function toggleExpand () {
-    expandProjectInfo.value = !expandProjectInfo.value
+    if (project.value && (project.value.description || project.value.logo))
+      expandProjectInfo.value = !expandProjectInfo.value
   }
 
   async function toProjects () {