fix image issues

brstar96 · Aug 5, 2020 · 4ac66a6 · 4ac66a6
1 parent 82c2b5a
commit 4ac66a6
Show file tree

Hide file tree

Showing 8 changed files with 14,118 additions and 22 deletions.
diff --git a/build/lib/gradio/static/css/interfaces/input/image.css b/build/lib/gradio/static/css/interfaces/input/image.css
@@ -35,8 +35,9 @@
   background-color: #e67e22;
 }
 .image_preview {
-  max-width: 100%;
-  max-height: 100%;
+  width: 100%;
+  height: 100%;
+  object-fit: contain;
 }
 .hidden_upload {
   display: none;

diff --git a/build/lib/gradio/static/css/interfaces/output/image.css b/build/lib/gradio/static/css/interfaces/output/image.css
@@ -6,7 +6,8 @@
   align-items: center;
 }
 .output_image {
-  max-width: 100%;
-  max-height: 100%;
+  width: 100%;
+  height: 100%;
+  object-fit: contain;
   display: none;
 }
diff --git a/build/lib/gradio/static/js/interfaces/input/image.js b/build/lib/gradio/static/js/interfaces/input/image.js
@@ -80,9 +80,7 @@ const image_input = {
   submit: function() {
     var io = this;
     if (this.state == "IMAGE_LOADED") {
-      resizeImage.call(this, this.image_data, 600, 600, function(image_data) {
-        io.io_master.input(io.id, image_data);
-      })
+      io.io_master.input(io.id, this.image_data);
     }
   },
   clear: function() {

diff --git a/build/lib/gradio/static/js/vendor/html2canvas.min.js b/build/lib/gradio/static/js/vendor/html2canvas.min.js
diff --git a/gradio/static/css/interfaces/input/image.css b/gradio/static/css/interfaces/input/image.css
@@ -35,8 +35,9 @@
   background-color: #e67e22;
 }
 .image_preview {
-  max-width: 100%;
-  max-height: 100%;
+  width: 100%;
+  height: 100%;
+  object-fit: contain;
 }
 .hidden_upload {
   display: none;

diff --git a/gradio/static/css/interfaces/output/image.css b/gradio/static/css/interfaces/output/image.css
@@ -6,7 +6,8 @@
   align-items: center;
 }
 .output_image {
-  max-width: 100%;
-  max-height: 100%;
+  width: 100%;
+  height: 100%;
+  object-fit: contain;
   display: none;
 }
diff --git a/gradio/static/js/interfaces/input/image.js b/gradio/static/js/interfaces/input/image.js
@@ -80,9 +80,7 @@ const image_input = {
   submit: function() {
     var io = this;
     if (this.state == "IMAGE_LOADED") {
-      resizeImage.call(this, this.image_data, 600, 600, function(image_data) {
-        io.io_master.input(io.id, image_data);
-      })
+      io.io_master.input(io.id, this.image_data);
     }
   },
   clear: function() {

diff --git a/gradio/static/js/vendor/html2canvas.min.js b/gradio/static/js/vendor/html2canvas.min.js