feat(frontend): formatting

packages/frontend/src/components/Renderer.vue

@@ -24,14 +24,15 @@
           <div class="overlay-abs radial-bg"></div>
           <div class="overlay-abs" style="pointer-events: none">
             <v-btn
-              dense
               color="primary"
               class="vertical-center"
               style="pointer-events: all"
               @click="load()"
+              fab
+              small
             >
-              <v-icon class="mr-3">mdi-cube-outline</v-icon>
-              Load Model
+              <v-icon>mdi-play</v-icon>
+
             </v-btn>
           </div>
         </div>
@@ -400,7 +401,7 @@ export default {
     rgba(60, 94, 128, 0.8519782913165266) 0%,
     rgba(63, 123, 135, 0.13489145658263302) 100%
   );
-  opacity: 0.8;
+  opacity: 0.5;
 }
 
 .vertical-center {

packages/frontend/src/views/Streams.vue

@@ -14,9 +14,7 @@
           </v-dialog>
         </v-card>
         <div v-if="$apollo.loading" class="pa-3 mx-5 mt-5">
-          <v-skeleton-loader
-            type="list-item-three-line"
-          ></v-skeleton-loader>
+          <v-skeleton-loader type="list-item-three-line"></v-skeleton-loader>
         </div>
         <v-card
           v-else-if="recentActivity"
@@ -103,7 +101,15 @@
           </div>
         </v-card>
         <v-row v-if="streams && streams.items">
-          <v-col cols="12" sm="12" md="12" lg="6" xl="4" v-for="(stream, i) in streams.items" :key="i">
+          <v-col
+            v-for="(stream, i) in streams.items"
+            :key="i"
+            cols="12"
+            sm="12"
+            md="12"
+            lg="6"
+            xl="4"
+          >
             <list-item-stream :stream="stream"></list-item-stream>
           </v-col>
           <infinite-loading