Merge pull request #24 from web3privacy/dw/form

refactor: improvements v2

app.config.ts

@@ -1,7 +0,0 @@
-export default defineAppConfig({
-  github: {
-    appId: 0,
-    privateKey: '',
-    installationId: 0,
-  },
-})

components/Project/Create/Categories/Assets.vue

@@ -106,7 +106,7 @@ defineExpose({
           hover:text-app-black
           class="text-app-black/50 text-16px hidden"
           lg="block"
-        >Etherscan
+        >Link
         </NuxtLink>
       </template>
     </ProjectCreateComponentsItem>

components/Project/Create/Components/Input.vue

@@ -42,7 +42,7 @@ const model = defineModel<string>()
       flex
       flex-col
       gap-8px
-      lg="flex flex-row gap-24px"
+      lg="flex flex-row gap-24px items-center"
       relative
     >
       <div v-bind="$attrs">

components/Project/Create/Components/Select.vue

@@ -58,7 +58,7 @@ const selectedValue = useVModel(props, 'modelValue', emits)
             </span>
             <span class="absolute inset-y-0 right-0 flex items-center pr-2">
               <UnoIcon
-                i-heroicons-solid-chevron-down
+                i-ic-baseline-arrow-drop-down
                 class="text-app-white"
                 aria-hidden="true"
               />

components/Project/Create/Components/SelectChips.vue

@@ -131,7 +131,7 @@ function addOption() {
             </div>
             <span class="absolute inset-y-0 right-0 flex items-center pr-2">
               <UnoIcon
-                i-heroicons-solid-chevron-down
+                i-ic-baseline-arrow-drop-down
                 class="text-app-white"
                 aria-hidden="true"
               />

nuxt.config.ts

@@ -53,4 +53,13 @@ export default defineNuxtConfig({
   lodash: {
     prefix: '_',
   },
+  runtimeConfig: {
+    app: {
+      github: {
+        appId: 0,
+        privateKey: '',
+        installationId: 0,
+      },
+    },
+  },
 })

pages/project/[id]/edit.vue

@@ -226,6 +226,7 @@ const transitionDone = ref(false)
                 leading-28px
                 bg-app-bg-dark_grey
                 onfocus="this.style.width = 0; this.style.width = this.scrollWidth + 2 + 'px';"
+                @blur="toggleEdit()"
               >
               <h2
                 v-else
@@ -235,16 +236,11 @@ const transitionDone = ref(false)
               >
                 {{ name }}
               </h2>
-              <button @click="toggleEdit()">
+              <button
+                v-if="!isEditing"
+                @click="toggleEdit()"
+              >
                 <UnoIcon
-                  v-if="isEditing"
-                  text-24px
-                  class="text-app-white/30"
-                  hover:text-app-white
-                  i-heroicons-solid-check
-                />
-                <UnoIcon
-                  v-else
                   text-20px
                   class="text-app-white/30"
                   hover:text-app-white

pages/project/create.vue

@@ -211,6 +211,7 @@ const transitionDone = ref(false)
                 leading-28px
                 bg-app-bg-dark_grey
                 onfocus="this.style.width = 0; this.style.width = this.scrollWidth + 2 + 'px';"
+                @blur="toggleEdit()"
               >
               <h2
                 v-else
@@ -220,16 +221,11 @@ const transitionDone = ref(false)
               >
                 {{ name }}
               </h2>
-              <button @click="toggleEdit()">
+              <button
+                v-if="!isEditing"
+                @click="toggleEdit()"
+              >
                 <UnoIcon
-                  v-if="isEditing"
-                  text-24px
-                  class="text-app-white/30"
-                  hover:text-app-white
-                  i-heroicons-solid-check
-                />
-                <UnoIcon
-                  v-else
                   text-20px
                   class="text-app-white/30"
                   hover:text-app-white