Skip to content
Snippets Groups Projects
Commit ac01aa1a authored by Remi  PLANEL's avatar Remi PLANEL
Browse files

change a bit layout

parent 2d56ade2
Branches dev
No related tags found
No related merge requests found
Pipeline #117966 passed with warnings with stages
in 7 minutes and 33 seconds
...@@ -65,7 +65,8 @@ const computedHeaders = computed(() => { ...@@ -65,7 +65,8 @@ const computedHeaders = computed(() => {
}) })
const computedWidth = 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(() => { const plotHeight = computed(() => {
...@@ -131,7 +132,7 @@ const computedTaxonomyDistribution = computed(() => { ...@@ -131,7 +132,7 @@ const computedTaxonomyDistribution = computed(() => {
const computedDistriTaxoOptions = computed(() => { const computedDistriTaxoOptions = computed(() => {
return { return {
...defaultBarPlotOptions.value, ...defaultBarPlotOptions.value,
marginBottom: 200, marginBottom: 120,
marks: [ marks: [
Plot.barY( Plot.barY(
toValue(computedTaxonomyDistribution), toValue(computedTaxonomyDistribution),
...@@ -163,11 +164,11 @@ function capitalize([first, ...rest]) { ...@@ -163,11 +164,11 @@ function capitalize([first, ...rest]) {
<v-btn icon="mdi-math-log" value="log"></v-btn> <v-btn icon="mdi-math-log" value="log"></v-btn>
</v-btn-toggle> </v-btn-toggle>
</v-toolbar> </v-toolbar>
<v-row align="start" class="mb-2"> <v-row align="start" class="my-2">
<v-col :cols="fullWidth ? 12 : 6"> <v-col :cols="fullWidth ? 12 : 6">
<v-card color="transparent" flat class="my-3"> <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> <v-card-text>
<PlotFigure :options="unref(computedDistriSystemOptions)" defer></PlotFigure> <PlotFigure :options="unref(computedDistriSystemOptions)" defer></PlotFigure>
</v-card-text> </v-card-text>
...@@ -175,10 +176,12 @@ function capitalize([first, ...rest]) { ...@@ -175,10 +176,12 @@ function capitalize([first, ...rest]) {
</v-col> </v-col>
<v-col :cols="fullWidth ? 12 : 6"> <v-col :cols="fullWidth ? 12 : 6">
<v-card flat color="transparent"> <v-card flat color="transparent">
<v-card-title>Taxonomic</v-card-title> <v-toolbar flat color="transparent">
<v-card-text> <v-toolbar-title>Taxonomic</v-toolbar-title>
<v-select v-model="selectedTaxoRank" :items="availableTaxo" density="compact" <v-select v-model="selectedTaxoRank" :items="availableTaxo" density="compact"
label="Select taxonomic rank"></v-select> label="Select taxonomic rank"></v-select>
</v-toolbar>
<v-card-text>
<PlotFigure defer :options="unref(computedDistriTaxoOptions)"></PlotFigure> <PlotFigure defer :options="unref(computedDistriTaxoOptions)"></PlotFigure>
</v-card-text> </v-card-text>
</v-card> </v-card>
......
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment