src/components/common/VnLog.vue

@@ -622,8 +622,7 @@ setLogTree();
             </QList>
         </div>
     </div>
-    <QDrawer v-model="stateStore.rightDrawer" show-if-above side="right" :width="300">
-        <QScrollArea class="fit text-grey-8">
+    <Teleport to="#right-panel" v-if="stateStore.isHeaderMounted()">
         <QList dense>
             <QSeparator />
             <QItem class="q-mt-sm">
@@ -686,10 +685,7 @@ setLogTree();
                         hide-selected
                     >
                         <template #option="{ opt, itemProps }">
-                                <QItem
-                                    v-bind="itemProps"
-                                    class="q-pa-xs row items-center"
-                                >
+                            <QItem v-bind="itemProps" class="q-pa-xs row items-center">
                                 <QItemSection class="col-3 items-center">
                                     <VnAvatar :worker-id="opt.id" />
                                 </QItemSection>
@@ -759,8 +755,7 @@ setLogTree();
                 />
             </QItem>
         </QList>
-        </QScrollArea>
-    </QDrawer>
+    </Teleport>
     <QDialog v-model="dateFromDialog">
         <QDate
             :years-in-month-view="false"