fix: fixed the icon to top panel and removed select property from tree view.

src/components/content.vue

 <template>
-  <div style="margin: 16px;">
-    <q-btn
-      class="q-mr-sm q-mb-sm cursor-pointer"
-      color="grey-8"
-      round
-      flat
-      size="md"
-      @click="increase()"
-      >
-      <q-icon
-        size="sm"
-        :name="fasSearchPlus"
-        title="Increase"
-      />
-    </q-btn>
-    <q-btn
-      class="q-mr-sm q-mb-sm cursor-pointer"
-      color="grey-8"
-      round
-      flat
-      size="md"
-      @click="decrease()"
-      >
-      <q-icon
-        size="sm"
-        :name="fasSearchMinus"
-        title="Decrease"
-      />
-    </q-btn>
-
-  <div class="content" :style="`font-size: ${fontsize}px`" :id="nodeid" v-html="content"></div>
-</div>
+  <div>
+    <div class="row iconPosition">
+      <div style="margin: 16px;">
+        <q-btn
+          class="q-mr-sm q-mb-sm cursor-pointer iconPosition"
+          color="grey-8"
+          round
+          flat
+          size="md"
+          @click="increase()"
+          >
+          <q-icon
+            size="sm"
+            :name="fasSearchPlus"
+            title="Increase"
+          />
+        </q-btn>
+        <q-btn
+          class="q-mr-sm q-mb-sm cursor-pointer iconPosition"
+          color="grey-8"
+          round
+          flat
+          size="md"
+          @click="decrease()"
+          >
+          <q-icon
+            size="sm"
+            :name="fasSearchMinus"
+            title="Decrease"
+          />
+        </q-btn>
+      </div>
+    </div>
+    <div class="row">
+      <div
+        class="col-md-10 offset-md-1" :style="`font-size: ${fontsize}px`"
+        :id="nodeid" v-html="content">
+      </div>
+    </div>
+  </div>
 </template>
 
 <script>
@@ -97,7 +105,12 @@ export default {
 </script>
 
 <style scoped>
-.content {
-  margin: 16px;
-}
+  .content {
+    margin: 16px;
+  }
+  .iconPosition {
+    position: sticky;
+    top: 0;
+    background: #fff;
+  }
 </style>

src/components/openseadragon.vue

 <template>
-  <figure id="openseadragon">
-    <nav>
+  <div>
+    <div style="margin: 16px;">
       <q-btn
         v-for="(btn, idx) in buttons" :key="idx"
         class="q-mr-sm q-mb-sm"
@@ -12,8 +12,13 @@
         >
         <q-icon size="sm" :name="btn.svg" />
       </q-btn>
-    </nav>
-  </figure>
+    </div>
+    <div>
+      <figure id="openseadragon">
+        <nav />
+      </figure>
+    </div>
+  </div>
 </template>
 
 <script>
@@ -71,9 +76,9 @@ export default {
 </script>
 
 <style scoped>
-figure {
-  height: 100vh;
-  margin: 16px;
-  overflow: hidden;
-}
+  figure {
+    height: 50vh;
+    margin: 8px;
+    overflow: hidden;
+  }
 </style>

src/components/quasar-tree.vue

@@ -6,7 +6,6 @@
       label-key="labelKey"
       :nodes="tree"
       node-key="label"
-      :selected.sync="selected"
       selected-color="grey"
       text-color="black"
       >

src/views/quasar-mainview.vue

@@ -44,16 +44,11 @@
                 <Toolbar heading="Image" />
                 <q-separator />
 
-                <div class="scrollPanel">
-
-                  <q-infinite-scroll>
-                    <OpenSeadragon
-                      :key="imageurl"
-                      :imageurl="imageurl"
-                      >
-                    </OpenSeadragon>
-                  </q-infinite-scroll>
-                </div>
+                <OpenSeadragon
+                  :key="imageurl"
+                  :imageurl="imageurl"
+                  >
+                </OpenSeadragon>
               </template>
 
               <template v-show="panels.metadata" v-slot:after>