margin on left of contained seqvar details, plus small refactoring

varfish-org · Aug 22, 2024 · 10586c6 · 10586c6
1 parent 01549c3
commit 10586c6
Show file tree

Hide file tree

Showing 5 changed files with 387 additions and 360 deletions.
diff --git a/...omponents/SeqvarDetails/SeqvarDetails.vue → ...qvarDetailsDrawer/SeqvarDetailsDrawer.vue b/...omponents/SeqvarDetails/SeqvarDetails.vue → ...qvarDetailsDrawer/SeqvarDetailsDrawer.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import VResizeDrawer from '@wdns/vuetify-resize-drawer'
 
-import SeqvarDetails from '@/variants/views/SeqvarDetails/SeqvarDetails.vue'
+import SeqvarDetailsInner from '@/variants/views/SeqvarDetails/SeqvarDetailsInner.vue'
 
 /** Model with boolean that defines visibility. */
 const showSheet = defineModel('showSheet', {
@@ -46,12 +46,14 @@ const props = defineProps<{
       </div>
     </template>
     <v-divider></v-divider>
-    <SeqvarDetails
-      :project-uuid="props.projectUuid"
-      :result-row-uuid="props.resultRowUuid"
-      :selected-section="props.selectedSection"
-      :hide-back-button="true"
-    />
+    <div class="ml-3">
+      <SeqvarDetailsInner
+        :project-uuid="props.projectUuid"
+        :result-row-uuid="props.resultRowUuid"
+        :selected-section="props.selectedSection"
+        :hide-back-button="true"
+      />
+    </div>
   </v-resize-drawer>
 </template>
 

diff --git a/frontend/src/seqvars/views/SeqvarsQuery/SeqvarsQuery.vue b/frontend/src/seqvars/views/SeqvarsQuery/SeqvarsQuery.vue
@@ -10,7 +10,7 @@ import { useProjectStore } from '@/cases/stores/project'
 import QueryEditor from '@/seqvars/components/QueryEditor/QueryEditor.vue'
 import HintButton from '@/seqvars/components/QueryEditor/ui/HintButton.vue'
 import QueryEditorDrawer from '@/seqvars/components/QueryEditorDrawer/QueryEditorDrawer.vue'
-import SeqvarDetails from '@/seqvars/components/SeqvarDetails/SeqvarDetails.vue'
+import SeqvarDetailsDrawer from '@/seqvars/components/SeqvarDetailsDrawer/SeqvarDetailsDrawer.vue'
 import { useSeqvarsPresetsStore } from '@/seqvars/stores/presets'
 import { SnackbarMessage } from '@/seqvars/views/PresetSets/lib'
 
@@ -182,7 +182,7 @@ watch(
         ultricies. Nullam nec purus nec nunc
       </div>
     </v-main>
-    <SeqvarDetails
+    <SeqvarDetailsDrawer
       v-model:show-sheet="detailsShown"
       :project-uuid="projectUuid"
       :result-row-uuid="caseDetailsStore.caseObj?.sodar_uuid"