Merge pull request #33 from Geode-solutions/fix_viewer_dimensions

Fix viewer dimensions

Author: JulienChampagnol

components/RemoteRenderingView.client.vue

@@ -1,5 +1,5 @@
 <template>
-  <div style="position: relative; ">
+  <div style="position: relative; width: 100%; height: 100%;">
     <view-toolbar />
     <v-col style="overflow: hidden; position: relative; z-index: 0; height: 100%; width: 100%" ref="viewer"
       @click="get_x_y" @keydown.esc="app_store.toggle_picking_mode(false)" class="pa-0">

components/ViewToolbar.vue

@@ -1,30 +1,34 @@
 <template>
-    <v-row dense :class="[$style.floatToolbar, 'flex-column']">
-        <v-col>
-            <v-tooltip location="left">
-                Reset camera
-                <template #activator="{ props }">
-                    <v-btn @click.stop=reset_camera icon="mdi-crop-free" density="comfortable" v-bind="props" />
-                </template>
-            </v-tooltip>
-        </v-col>
-    </v-row>
+  <v-row dense :class="[$style.floatToolbar, 'flex-column']">
+    <v-col>
+      <v-tooltip location="left">
+        Reset camera
+        <template #activator="{ props }">
+          <v-btn @click.stop=reset_camera density="comfortable" v-bind="props" icon>
+            <v-icon size="32">
+              mdi-cube-scan
+            </v-icon>
+          </v-btn>
+        </template>
+      </v-tooltip>
+    </v-col>
+  </v-row>
 </template>
 
 <script setup>
 const viewer_store = use_viewer_store()
-function reset_camera() {
-    viewer_store.reset_camera()
+function reset_camera () {
+  viewer_store.reset_camera()
 }
 </script>
 
 <style module>
 .floatToolbar {
-    position: absolute;
-    z-index: 2;
-    right: 20px;
-    top: 20px;
-    background-color: rgba(0, 0, 0, 0.4);
-    border-radius: 16px;
+  position: absolute;
+  z-index: 2;
+  right: 20px;
+  top: 20px;
+  background-color: rgba(0, 0, 0, 0.4);
+  border-radius: 16px;
 }
 </style>