Add limit to preview dispaly

MBoretto · Oct 8, 2023 · ddc637d · ddc637d
1 parent 3ae7041
commit ddc637d
Show file tree

Hide file tree

Showing 4 changed files with 12 additions and 2 deletions.
diff --git a/src/App.vue b/src/App.vue
@@ -48,7 +48,7 @@
                     <div 
                       class="headline mb-1"
                     >
-                      {{ cloud_storage_values[akey] }}
+                      {{ limitLength(cloud_storage_values[akey], 35) }}
                     </div>
                     <div
                       class="text-subtitle-2 text-grey"
@@ -313,6 +313,12 @@ export default {
       } else {
         return "mdi-text-box";
       }
+    },
+    limitLength(value, max_length) {
+      if (value.length <= max_length) {
+        return value;
+      }
+      return value.substring(0, max_length) + "...";
     }
   }
 }

diff --git a/src/components/ButtonDelete.vue b/src/components/ButtonDelete.vue
@@ -2,7 +2,7 @@
   <v-btn
     color="red"
     icon="mdi-delete-outline"
-    variant="text"
+    variant="tonal"
     @click="$emit('remove-key')"
   />
 </template>

diff --git a/src/components/CardGeo.vue b/src/components/CardGeo.vue
@@ -13,6 +13,8 @@
       <v-spacer />
       <v-btn 
         size="large"
+        color="primary"
+        variant="tonal"
         @click="openLink(data.lat, data.lng)"
       >
         Open Location

diff --git a/src/components/CardUrl.vue b/src/components/CardUrl.vue
@@ -13,6 +13,8 @@
       <v-spacer />
       <v-btn 
         size="large"
+        color="primary"
+        variant="tonal"
         @click="openLink(data.value)"
       >
         Open Link