added appstore and playstore actions

shunwman · May 9, 2022 · d87cd3a · d87cd3a
1 parent 8990b41
commit d87cd3a
Show file tree

Hide file tree

Showing 5 changed files with 24 additions and 5 deletions.
diff --git a/assets/icons/appstore.svg b/assets/icons/appstore.svg
diff --git a/assets/icons/playstore.svg b/assets/icons/playstore.svg
diff --git a/components/Action.vue b/components/Action.vue
@@ -12,7 +12,7 @@
     <div
       class="p-3 shrink-0 rounded-l"
       :style="{
-        backgroundColor: `${
+        background: `${
           name == 'secondaryActions' ? item.color : buttonBg
         }`,
       }"

diff --git a/components/Preview.vue b/components/Preview.vue
@@ -258,7 +258,7 @@
                     :href="getHref(item)"
                     target="_blank"
                     rel="noopener noreferrer"
-                    :style="{ backgroundColor: item.color }"
+                    :style="{ background: item.color }"
                     :aria-label="item.name"
                   >
                     <div class="icon" v-html="getSVG(item)"></div>

diff --git a/pages/index.vue b/pages/index.vue
@@ -613,7 +613,7 @@
                   duration-200
                   focus:outline-none
                 "
-                :style="{ backgroundColor: action.color }"
+                :style="{ background: action.color }"
                 :title="
                   action.name.substr(0, 1).toUpperCase() + action.name.slice(1)
                 "
@@ -1652,10 +1652,27 @@ export default {
             name: 'Siilo',
             icon: 'siilo',
             href: 'https://app.siilo.com/qr/',
-            placeholder: 'userid',
+            placeholder: 'userID',
             value: null,
             color: '#17233b',
-            label: 'Siilo userid',
+            label: 'Siilo userID',
+          },
+          {
+            name: 'App Store',
+            icon: 'appstore',
+            placeholder: 'Developer/App URL',
+            value: null,
+            color: 'linear-gradient(#5fc9f8, #147efb)',
+            label: 'App Store Developer/App URL',
+          },
+          {
+            name: 'Play Store',
+            icon: 'playstore',
+            placeholder: 'Developer/App URL',
+            value: null,
+            color: '#fff',
+            light: 1,
+            label: 'Play Store Developer/App URL',
           },
         ],
       },