refactor: modals

components/collections/EditFolder.vue

@@ -7,20 +7,25 @@
       </div>
     </template>
     <template #body>
-      <label for="selectLabelEditFolder">{{ $t("label") }}</label>
-      <input
-        id="selectLabelEditFolder"
-        v-model="name"
-        class="input"
-        type="text"
-        @keyup.enter="editFolder"
-      />
+      <div class="px-2 flex flex-col">
+        <label
+          for="selectLabelEditFolder"
+          class="px-4 font-semibold pb-4 text-xs"
+          >{{ $t("label") }}</label
+        >
+        <input
+          id="selectLabelEditFolder"
+          v-model="name"
+          class="input"
+          type="text"
+          @keyup.enter="editFolder"
+        />
+      </div>
     </template>
     <template #footer>
-      <span></span>
       <span>
-        <ButtonSecondary :label="$t('cancel')" @click.native="hideModal" />
         <ButtonPrimary :label="$t('save')" @click.native="editFolder" />
+        <ButtonSecondary :label="$t('cancel')" @click.native="hideModal" />
       </span>
     </template>
   </SmartModal>