modify: tooltip of left-bar (#41)

modify tooltip of left-bar
msnodeve · Oct 2, 2020 · d88c976 · d88c976
1 parent b7e4052
commit d88c976
Showing 1 changed file with 10 additions and 10 deletions.
diff --git a/components/left-bar.vue b/components/left-bar.vue
@@ -24,15 +24,15 @@
     <div class="d-flex align-center" style="height: 93%;">
       <div class="text-center" style="width: 100%;">
 
-        <v-tooltip right class="tooltip-btn">
+        <v-tooltip right class="tooltip-btn" color="transparent">
           <template v-slot:activator="{ on, attrs }">
             <v-btn tile class="mt-5" text :color="activateBtn2(1)" v-bind:class="{ activateBtn: isActivate(1) }" @click="clickMenu(1)" v-bind="attrs" v-on="on">
               <v-icon large>mdi-format-color-fill</v-icon>
             </v-btn>
           </template>
 
           <span>
-            <v-card class="m-0" max-width="400">
+            <v-card class="ma-0" max-width="400">
               <v-img class="white--text align-end" height="200px" 
                      src="./assets/ChangeBG3.jpg">
                 <v-card-title style="color:#2b2a2a;">Change Fill and Stroke</v-card-title>
@@ -46,14 +46,14 @@
           </span>
         </v-tooltip>
 
-        <v-tooltip right class="tooltip-btn">
+        <v-tooltip right class="tooltip-btn" color="transparent">
           <template v-slot:activator="{ on, attrs }">
             <v-btn tile class="mt-5" text :color="activateBtn2(2)" v-bind:class="{ activateBtn: isActivate(2) }" @click="clickMenu(2)" v-bind="attrs" v-on="on">
               <v-icon>fas fa-crop</v-icon>
             </v-btn>
           </template>
           <span>
-            <v-card class="m-0" max-width="400">
+            <v-card class="ma-0" max-width="400">
               <v-img class="white--text align-end" height="200px" 
                      src="./assets/Transform.jpg">
                 <v-card-title style="color:#2b2a2a;">Change Transform</v-card-title>
@@ -67,14 +67,14 @@
           </span>
         </v-tooltip>
 
-        <v-tooltip right class="tooltip-btn">
+        <v-tooltip right class="tooltip-btn" color="transparent">
           <template v-slot:activator="{ on, attrs }">
             <v-btn tile class="mt-5" v-bind:class="{ activateBtn: isActivate(3) }" text :color="activateBtn2(3)" @click="clickMenu(3)" v-bind="attrs" v-on="on">
               <v-icon>fas fa-image</v-icon>
             </v-btn>
           </template>
           <span>                  
-            <v-card class="m-0 p-0" max-width="400">
+            <v-card class="ma-0" max-width="400">
               <v-img class="white--text align-end" height="200px" 
               src="./assets/ChangeBG.jpg">
                 <v-card-title style="color:#2b2a2a;">Change Background</v-card-title>
@@ -87,14 +87,14 @@
           </span>
         </v-tooltip>
 
-        <v-tooltip right class="tooltip-btn">
+        <v-tooltip right class="tooltip-btn" color="transparent">
           <template v-slot:activator="{ on, attrs }">
             <v-btn tile class="mt-5" v-bind:class="{ activateBtn: isActivate(4) }" text :color="activateBtn2(4)" @click="clickMenu(4)" v-bind="attrs" v-on="on">
               <v-icon >fas fa-palette</v-icon>
             </v-btn>
           </template>
           <span>                  
-            <v-card class="m-0 p-0" max-width="400">
+            <v-card class="ma-0" max-width="400">
               <v-img class="white--text align-end" height="200px" 
                 src="./assets/ChangeStroke.jpg">
                 <v-card-title style="color:#2b2a2a;">Change Canvas</v-card-title>
@@ -107,15 +107,15 @@
           </span>
         </v-tooltip>
 
-        <v-tooltip right class="tooltip-btn">
+        <v-tooltip right class="tooltip-btn" color="transparent">
           <template v-slot:activator="{ on, attrs }">
             <v-btn tile class="mt-5" text :color="activateBtn2(5)" v-bind:class="{ activateBtn: isActivate(5) }" @click="clickMenu(5)" v-bind="attrs" v-on="on">
               <v-icon large>mdi-gif</v-icon>
             </v-btn>
           </template>
 
           <span>
-            <v-card class="m-0" max-width="400">
+            <v-card class="ma-0" max-width="400">
               <img class="white--text align-end" height="200px" width="400px"
               src="./assets/animation_500_kfqx0wpg.gif">
               <v-card-subtitle class="pb-0">download .gif file</v-card-subtitle>