From c646228de2410f094829558d4a1b4da3f60856b6 Mon Sep 17 00:00:00 2001
From: kassem <omarksm09@gmail.com>
Date: Wed, 12 Jul 2023 11:51:16 +0300
Subject: [PATCH] change action btn style

---
 packages/playground/src/components/icon_action_btn.vue | 7 +++++--
 packages/playground/src/weblets/tf_contracts_list.vue  | 1 -
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/packages/playground/src/components/icon_action_btn.vue b/packages/playground/src/components/icon_action_btn.vue
index 1b75d474ec..378321add9 100644
--- 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
index ee2618e571..f9007e1465 100644
--- 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"