Merge branch 'master' into auth

assets/css/styles.scss

@@ -853,10 +853,7 @@ input[type="radio"]:checked + label + .tab {
 }
 
 @media (max-width: $responsiveWidth) {
-  .content {
-    flex-flow: column;
-  }
-
+  .content,
   .columns {
     flex-flow: column;
   }

layouts/default.vue

@@ -397,15 +397,7 @@
             <div class="flex-wrap">
               <span v-if="version.name" class="mono">
                 <a
-                  href="https://liyasthomas.web.app"
-                  target="_blank"
-                  rel="noopener"
-                >
-                  <button class="icon" v-tooltip="'Liyas Thomas'">
-                    🦄
-                  </button>
-                </a>
-                <a
+                  class="link"
                   :href="
                     'https://github.com/liyasthomas/postwoman/releases/tag/' +
                       version.name
@@ -416,6 +408,14 @@
                 >
                   {{ version.name }}
                 </a>
+                <a
+                  class="link"
+                  href="https://www.netlify.com"
+                  target="_blank"
+                  rel="noopener"
+                >
+                  Powered by Netlify
+                </a>
                 <!-- <span v-if="version.hash">
                   -
                   <a
@@ -427,6 +427,15 @@
                 <!-- <span v-if="version.variant">({{version.variant}})</span> -->
               </span>
               <span>
+                <a
+                  href="https://liyasthomas.web.app"
+                  target="_blank"
+                  rel="noopener"
+                >
+                  <button class="icon" v-tooltip="'Liyas Thomas'">
+                    🦄
+                  </button>
+                </a>
                 <a
                   href="mailto:liyascthomas@gmail.com"
                   target="_blank"
@@ -633,7 +642,17 @@
   </div>
 </template>
 
-<style scoped lang="scss"></style>
+<style scoped lang="scss">
+.link {
+  margin: 8px 16px;
+}
+@media (max-width: 768px) {
+  .link {
+    display: flex;
+    flex: 1;
+  }
+}
+</style>
 
 <script>
 import intializePwa from "../assets/js/pwa";

store/postwoman.js

@@ -111,6 +111,12 @@ export const mutations = {
   },
 
   addNewCollection({ collections }, collection) {
+    const { name } = collection
+    const duplicateCollection = collections.some(item => item.name === name)
+    if (duplicateCollection) {
+      this.$toast.info('Duplicate collection');
+      return;
+    }
     collections.push({
       name: "",
       folders: [],