Merge branch 'main-nuxt' into feat/nft-item-nav

Author: kkukelka

components/rmrk/Gallery/CollectionPriceChart.vue

@@ -6,7 +6,7 @@
       </p>
       <b-button type="is-primary" @click="resetZoom">Reset zoom</b-button>
     </div>
-    <div class="mt-5">
+    <div class="chart-container mt-5">
       <canvas
         id="collectionPriceChart"
         @mousedown="onCanvasMouseDown"
@@ -115,6 +115,7 @@ export default class PriceChart extends mixins(ChainMixin) {
           ],
         },
         options: {
+          maintainAspectRatio: false,
           plugins: {
             annotation: {
               annotations: {
@@ -201,3 +202,18 @@ export default class PriceChart extends mixins(ChainMixin) {
   }
 }
 </script>
+
+<style scoped lang="scss">
+@import "bulma/sass/utilities/mixins.sass";
+
+.chart-container {
+  position: relative;
+  height: 400px; 
+  width: 100%
+}
+@include desktop {
+  .chart-container {
+    height: 656px; 
+  }
+}
+</style>

components/rmrk/utils.ts

@@ -49,7 +49,7 @@ export const ipfsHashToUrl = (ipfsHash?: string, provider?: ProviderKeyType): st
     return `${resolveProvider(provider)}ipfs/${ipfsHash}`
   }
 
-  return ipfsHash
+  return ipfsHash || ''
 }
 
 const resolveProvider = (key: ProviderKeyType = 'kodadot'): string => ipfsProviders[key]