Start using expand panel

Dockerfile

@@ -78,8 +78,8 @@ FROM nginx:1.25-bookworm
 # RUN rm -rf /usr/share/nginx/html/*
 RUN apt update -y && apt install rsync -y
 COPY nginx.conf /etc/nginx/nginx.conf
-COPY --from=generate /usr/src/app/.output/public /usr/share/nginx/html
-# RUN chmod -R nginx:nginx /usr/share/nginx/html/
 RUN chown nginx:nginx /usr/share/nginx/html
+COPY --chown=nginx:nginx --from=generate /usr/src/app/.output/public /usr/share/nginx/html
+# RUN chmod -R nginx:nginx /usr/share/nginx/html/
 USER nginx
 CMD ["nginx", "-g", "daemon off;"]
\ No newline at end of file

components/content/RefseqDb.vue

@@ -90,11 +90,11 @@ const defaultBarPlotOptions = computed(() => {
     const y = logTransform.value ? { nice: true, grid: true, type: 'symlog' } : { nice: true, grid: true, type: "linear" }
     // const y = { nice: true, grid: true }
     return {
-        x: { label: null, tickRotate: 70 },
+        x: { label: null, tickRotate: 45, ticks: 10 },
         y,
         color: { legend: true },
         width: computedWidth.value,
-        height: plotHeight.value,
+        height: plotHeight.value + 100,
     }
 })
 
@@ -113,7 +113,7 @@ const computedSystemDistribution = computed(() => {
 const computedDistriSystemOptions = computed(() => {
     return {
         ...defaultBarPlotOptions.value,
-        marginBottom: 120,
+        marginBottom: 100,
         marks: [
             // Plot.frame(),
             Plot.barY(
@@ -143,7 +143,7 @@ const computedTaxonomyDistribution = computed(() => {
 const computedDistriTaxoOptions = computed(() => {
     return {
         ...defaultBarPlotOptions.value,
-        marginBottom: 120,
+        marginBottom: 100,
         marks: [
             Plot.barY(
                 toValue(computedTaxonomyDistribution),
@@ -188,25 +188,36 @@ function namesToAccessionChips(names: string[]) {
             </v-btn-toggle>
         </v-toolbar>
         <v-row align="start" class="my-2">
+
             <v-col :cols="fullWidth ? 12 : 6">
-                <v-card color="transparent" flat class="my-3">
-                    <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>
+
+                <v-card color="transparent" flat>
+                    <v-expansion-panels>
+                        <v-expansion-panel elevation="3">
+                            <v-expansion-panel-title color="grey-lighten-4">Systems</v-expansion-panel-title>
+                            <v-expansion-panel-text>
+                                <PlotFigure :options="unref(computedDistriSystemOptions)" defer></PlotFigure>
+                            </v-expansion-panel-text>
+                        </v-expansion-panel>
+                    </v-expansion-panels>
                 </v-card>
             </v-col>
             <v-col :cols="fullWidth ? 12 : 6">
                 <v-card flat color="transparent">
-                    <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-expansion-panels>
+                        <v-expansion-panel elevation="3">
+                            <v-expansion-panel-title color="grey-lighten-4">
+                                Taxonomic
+
+
+                            </v-expansion-panel-title>
+                            <v-expansion-panel-text>
+
+                                <PlotFigure defer :options="unref(computedDistriTaxoOptions)"></PlotFigure>
+
+                            </v-expansion-panel-text>
+                        </v-expansion-panel>
+                    </v-expansion-panels>
                 </v-card>
             </v-col>
         </v-row>

package.json

@@ -19,7 +19,7 @@
     "vue": "latest"
   },
   "dependencies": {
-    "@observablehq/plot": "^0.6.11",
+    "@observablehq/plot": "^0.6.13",
     "@pinia/nuxt": "^0.5.1",
     "d3": "^7.8.5",
     "file-saver": "^2.0.5",