Merge pull request #621 from kodadot/main

Fixed price chart responsivity

Author: yangwao

package.json

@@ -36,7 +36,7 @@
     "apollo-boost": "^0.4.9",
     "axios": "^0.21.1",
     "buefy": "^0.9.8",
-    "echarts": "^5.1.1",
+    "echarts": "^5.1.2",
     "emoji-unicode": "^2.0.1",
     "file-saver": "^2.0.5",
     "freezeframe": "^5.0.2",

src/components/rmrk/Gallery/GalleryItem.vue

@@ -237,7 +237,7 @@ export default class GalleryItem extends Vue {
       // }
     } catch (e) {
       showNotification(`${e}`, notificationTypes.warn);
-      console.warn(e);
+      // console.warn(e);
     }
 
     this.isLoading = false;
@@ -259,7 +259,7 @@ export default class GalleryItem extends Vue {
       if (this.meta.animation_url && !this.mimeType) {
         const { headers } = await axios.head(this.meta.animation_url);
         this.mimeType = headers['content-type'];
-        console.log(this.mimeType)
+        // console.log(this.mimeType)
         const mediaType = resolveMedia(this.mimeType);
         this.imageVisible = ![MediaType.VIDEO, MediaType.MODEL, MediaType.IFRAME, MediaType.OBJECT].some(
           t => t === mediaType

src/components/rmrk/Gallery/PriceChart.vue

@@ -33,7 +33,7 @@ export default class PriceChart extends Vue{
     // console.log(document.documentElement.clientWidth);
     const x = document.documentElement.clientWidth;
     if(x > 769)
-      this.Chart.resize({width: Math.min(x/2.5, 400), height: 400});
+      this.Chart.resize({width: Math.min(x/2.7, 400), height: 400});
     else
       this.Chart.resize({width: x, height: 400});
   }
@@ -105,7 +105,10 @@ export default class PriceChart extends Vue{
     );
     const x = document.documentElement.clientWidth;
 
-    this.Chart.resize({width: x/3, height: 400});
+    if(x > 769)
+      this.Chart.resize({width: Math.min(x/2.7, 400), height: 400});
+    else
+      this.Chart.resize({width: x, height: 400});
   }
 
   // protected createDate(){