Change from iview to vuetify

components/pages/events/index.vue

@@ -1,16 +1,13 @@
 <template>
   <div>
     <app-loader :show="isLoading" />
-    <div v-if="isReady || isSubmitting || isSubmitted" class="container app-fade-in">
-      <Content>
-        <Row :gutter="16" type="flex" justify="space-around" v-for="event in events" :key="event.id" class-name="eventRow">
-          <Col span="24">
-            <Event :event="event" :has-user="hasUser" :ignore="ignore"></Event>
-          </Col>
-        </Row>
-        <br>
-      </Content>
-    </div>
+    <v-container fluid grid-list-md v-if="isReady || isSubmitting || isSubmitted" class="app-fade-in">
+      <v-layout row wrap v-for="event in events" :key="event.id">
+        <v-flex xs12>
+          <Event :event="event" :has-user="hasUser" :ignore="ignore" />
+        </v-flex>
+      </v-layout>
+    </v-container>
   </div>
 </template>
 
@@ -177,11 +174,11 @@
 </script>
 
 <style lang="scss" scoped>
-  .container {
-    display: flex;
-    will-change: opacity;
-    padding: 1.5rem 1rem;
-  }
+  /*.container {*/
+    /*display: flex;*/
+    /*will-change: opacity;*/
+    /*padding: 1.5rem 1rem;*/
+  /*}*/
 
   .left {
     padding: 1.5rem 1rem;