Merge pull request #803 from threefoldtech/development_playground_act…

…ionsBtn_ui playground: change action btn style
threefoldtech · Jul 12, 2023 · 2a5137c · 2a5137c
2 parents cf149c3 + c646228
commit 2a5137c
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 3 deletions.
diff --git a/packages/playground/src/components/icon_action_btn.vue b/packages/playground/src/components/icon_action_btn.vue
@@ -3,13 +3,16 @@
     <template #activator="{ props }">
       <v-btn
         @click.stop="$emit('click', $event)"
-        :icon="icon"
         :color="color"
         v-bind="props"
         :href="href"
         :target="href ? '_blank' : undefined"
+        variant="tonal"
         :height="height"
-      />
+        class="my-1"
+      >
+        <v-icon> {{ icon }}</v-icon>
+      </v-btn>
     </template>
   </v-tooltip>
 </template>

diff --git a/packages/playground/src/weblets/tf_contracts_list.vue b/packages/playground/src/weblets/tf_contracts_list.vue
@@ -53,7 +53,6 @@
         <v-tooltip text="Show Details">
           <template #activator="{ props }">
             <v-btn
-              color="secondary"
               variant="tonal"
               @click="showDetails(item.value)"
               :disabled="(loading && loadingContractId !== item.value.contractId) || deleting"