[FIX] FE button ใน event card

wdrdres3qew5ts21 · Nov 13, 2019 · b3d6890 · b3d6890
1 parent 5336361
commit b3d6890
Show file tree

Hide file tree

Showing 2 changed files with 26 additions and 10 deletions.
diff --git a/nuxt-firebase-auth-master/components/eventCard.vue b/nuxt-firebase-auth-master/components/eventCard.vue
@@ -37,11 +37,6 @@
               <v-icon size="20">alarm</v-icon>
               {{formatAMPM(event.eventStartDate)}}
             </v-flex>
-          <v-flex v-if="isOwner" class="text-xs-right">
-            <v-btn fab dark small color="#341646" @click="$emit('editEvent', event)">
-            <v-icon color="white" medium>poll</v-icon>
-          </v-btn>
-          </v-flex>            
           </v-layout> 
         </v-layout>     
          <!-- <span
@@ -54,12 +49,29 @@
           {{ location.detail===''?'Not have  yet...' :location.detail }}
           </div>
             </v-flex>           
-            <v-flex  v-if="isOwner" class="text-xs-right">
-               <v-btn fab dark small color="red" @click="$emit('deleteEvent', event)">
-                  <v-icon color="#fff" medium>delete</v-icon>
+          </v-layout>
+          <v-layout row wrap>
+
+          <v-flex v-if="isOwner" xs6 >
+            <v-btn block dark  small color="#341646" @click="$emit('editEvent', event)">
+            <v-icon color="white" medium>poll</v-icon>
+             View Statistics
+          </v-btn>
+
+
+            </v-flex>
+
+            <v-flex  xs6 v-if="isOwner" >
+               <v-btn block small   color="grey lighten-2" @click="$emit('deleteEvent', event)">
+                  <v-icon color="grey darken-1" medium>delete</v-icon>
+                  <b class="button">Delete Event </b>
                </v-btn>
+
             </v-flex>
+
           </v-layout>
+
+
         <!-- {{event.location.province?event.location.province:'Thailand'}} -->
       </v-card-text>
     </v-slide-y-transition>
@@ -184,6 +196,7 @@ export default {
 }
 .eventDate {
   color: #341646;
+  
 }
 .eventMonth {
   font-size: 15px;
@@ -197,8 +210,7 @@ div.b {
  
 }
 .button{
-  margin-right: 2%;
-  margin-top: 45%;
+  color: darkgray;
 }
 
 .size{

diff --git a/yarn.lock b/yarn.lock
@@ -0,0 +1,4 @@
+# THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.
+# yarn lockfile v1
+
+
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1,4 @@
		# THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.
		# yarn lockfile v1