fix(#400): fix undefined images result bug, adjust metamine mobile st…

…yling
Duke-MatSci · Jun 1, 2023 · 9198262 · 9198262
1 parent efc7815
commit 9198262
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 3 deletions.
diff --git a/app/src/assets/css/modules/_pages.scss b/app/src/assets/css/modules/_pages.scss
@@ -233,6 +233,9 @@
     &_headline {
         margin-top: 1.5rem;
         text-align: center;
+        @include respond(tab-land) {
+            margin: 2rem;
+        }
     }
 
     &_menu {
@@ -342,7 +345,7 @@
             margin-top: 0.5rem;
             font-size: 3.5rem;
             @include respond(phone) {
-                font-size: 1.14rem;
+                font-size: 2rem;
             }
         }
 

diff --git a/app/src/components/explorer/SearchHeader.vue b/app/src/components/explorer/SearchHeader.vue
@@ -25,7 +25,7 @@
         <md-tabs class="btn--primary">
             <md-tab :md-label="'Articles (' + passTotal.getArticles + ')'" @click.prevent="setResultsTabs('getArticles')"></md-tab>
             <md-tab :md-label="'Samples (' + passTotal.getSamples + ')'" @click.prevent="setResultsTabs('getSamples')"></md-tab>
-            <md-tab :md-label="'Images (' + passTotal.getImages + ')'" @click.prevent="setResultsTabs('getImages')"></md-tab>
+            <md-tab :md-label="'Images (' + imageTotal + ')'" @click.prevent="setResultsTabs('getImages')"></md-tab>
             <md-tab :md-label="'Charts (' + passTotal.getCharts + ')'" @click.prevent="setResultsTabs('getCharts')"></md-tab>
             <md-tab :md-label="'Properties (' + passTotal.getMaterials + ')'" @click.prevent="setResultsTabs('getMaterials')"></md-tab>
         </md-tabs>
@@ -42,7 +42,10 @@ export default {
       resultsTab: 'explorer/getResultsTab',
       passTotal: 'explorer/results/getTotalGroupings',
       getTotal: 'explorer/results/getTotal'
-    })
+    }),
+    imageTotal () {
+      return this.passTotal?.getImages ?? 0
+    }
   },
   methods: {
     setResultsTabs (payload) {