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

flex layout

parent e16d5307
No related branches found
No related tags found
No related merge requests found
Pipeline #127605 waiting for manual action with stages
in 6 minutes and 49 seconds
...@@ -5,11 +5,14 @@ import PlotFigure from "@/components/PlotFigure"; ...@@ -5,11 +5,14 @@ import PlotFigure from "@/components/PlotFigure";
// import { useMeiliSearchRef } from 'nuxt-meilisearch' // import { useMeiliSearchRef } from 'nuxt-meilisearch'
import type { SearchResponse } from 'meilisearch' import type { SearchResponse } from 'meilisearch'
import { useRefinedUrl } from "@/composables/useRefinedUrl" import { useRefinedUrl } from "@/composables/useRefinedUrl"
import { useDisplay } from "vuetify";
export interface Props { export interface Props {
system?: MaybeRef<string | null> system?: MaybeRef<string | null>
} }
const { mobile } = useDisplay();
const { page } = useContent(); const { page } = useContent();
const { system } = withDefaults(defineProps<Props>(), { system: null }) const { system } = withDefaults(defineProps<Props>(), { system: null })
const dbName = "structure" const dbName = "structure"
...@@ -170,13 +173,16 @@ function displayStructure(item) { ...@@ -170,13 +173,16 @@ function displayStructure(item) {
} }
</script> </script>
<template> <template>
<v-card flat color="transparent">
<v-card-text v-if="computedSystem !== null" v-for="option in computedPDocksMatrixPlotOptions" <v-row class="d-flex align-content-start" :class="mobile ? 'd-flex-column' : 'd-flex-row'">
:key="option.legend.label"> <v-card v-if="computedSystem !== null" v-for="option in computedPDocksMatrixPlotOptions"
<PlotFigure ref="matrixPlot" :options="unref(option)" defer class="pdockq-plot" :key="option.legend.label" flat color="transparent">
:data-label="option.legend.label"></PlotFigure> <v-card-text>
</v-card-text> <PlotFigure ref="matrixPlot" :options="unref(option)" defer class="pdockq-plot"
<PdbeMolstarPlugin v-model="stuctureUrls" v-model:title="structureTitle" /> :data-label="option.legend.label"></PlotFigure>
</v-card-text>
</v-card> <PdbeMolstarPlugin v-model="stuctureUrls" v-model:title="structureTitle" />
</v-card>
</v-row>
</template> </template>
\ No newline at end of file
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