From ac01aa1a6eff163d896eb6898e642e424da07f7d Mon Sep 17 00:00:00 2001
From: Remi PLANEL <rplanel@pasteur.fr>
Date: Sat, 9 Dec 2023 14:24:36 +0100
Subject: [PATCH] change a bit layout
---
components/content/RefseqDb.vue | 17 ++++++++++-------
1 file changed, 10 insertions(+), 7 deletions(-)
diff --git a/components/content/RefseqDb.vue b/components/content/RefseqDb.vue
index fcf345d0..14823580 100644
--- a/components/content/RefseqDb.vue
+++ b/components/content/RefseqDb.vue
@@ -65,7 +65,8 @@ const computedHeaders = computed(() => {
})
const computedWidth = computed(() => {
- return Math.max(width.value, 550);
+ const currentWidth = fullWidth.value ? width.value : width.value / 2
+ return Math.max(currentWidth, 550);
});
const plotHeight = computed(() => {
@@ -131,7 +132,7 @@ const computedTaxonomyDistribution = computed(() => {
const computedDistriTaxoOptions = computed(() => {
return {
...defaultBarPlotOptions.value,
- marginBottom: 200,
+ marginBottom: 120,
marks: [
Plot.barY(
toValue(computedTaxonomyDistribution),
@@ -163,11 +164,11 @@ function capitalize([first, ...rest]) {
<v-btn icon="mdi-math-log" value="log"></v-btn>
</v-btn-toggle>
</v-toolbar>
- <v-row align="start" class="mb-2">
+ <v-row align="start" class="my-2">
<v-col :cols="fullWidth ? 12 : 6">
<v-card color="transparent" flat class="my-3">
- <v-card-title>Systems </v-card-title>
-
+ <v-toolbar flat color="transparent">
+ <v-toolbar-title>Systems</v-toolbar-title></v-toolbar>
<v-card-text>
<PlotFigure :options="unref(computedDistriSystemOptions)" defer></PlotFigure>
</v-card-text>
@@ -175,10 +176,12 @@ function capitalize([first, ...rest]) {
</v-col>
<v-col :cols="fullWidth ? 12 : 6">
<v-card flat color="transparent">
- <v-card-title>Taxonomic</v-card-title>
- <v-card-text>
+ <v-toolbar flat color="transparent">
+ <v-toolbar-title>Taxonomic</v-toolbar-title>
<v-select v-model="selectedTaxoRank" :items="availableTaxo" density="compact"
label="Select taxonomic rank"></v-select>
+ </v-toolbar>
+ <v-card-text>
<PlotFigure defer :options="unref(computedDistriTaxoOptions)"></PlotFigure>
</v-card-text>
</v-card>
--
GitLab