From eb1be8a92d9f260130549101aa5ceeca834c8a29 Mon Sep 17 00:00:00 2001
From: Nick <github@ngpixel.com>
Date: Fri, 24 May 2019 14:01:08 -0400
Subject: [PATCH] fix: image max-width

---
 client/components/editor/editor-modal-media.vue | 4 +++-
 client/themes/default/scss/app.scss             | 2 ++
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/client/components/editor/editor-modal-media.vue b/client/components/editor/editor-modal-media.vue
index cb559257..afa0cc63 100644
--- a/client/components/editor/editor-modal-media.vue
+++ b/client/components/editor/editor-modal-media.vue
@@ -158,6 +158,8 @@
               v-toolbar.radius-7(color='teal lighten-5', dense, flat)
                 v-icon.mr-3(color='teal') cloud_download
                 .body-2.teal--text Fetch Remote Image
+                v-spacer
+                v-chip(label, color='white', small).teal--text coming soon
               v-text-field.mt-3(
                 v-model='remoteImageUrl'
                 outline
@@ -169,7 +171,7 @@
             v-card-actions.pa-3
               .caption.grey--text.text-darken-2 Max 5 MB
               v-spacer
-              v-btn(color='teal', dark) Fetch
+              v-btn(color='teal', disabled) Fetch
 
           v-card.mt-3.radius-7.animated.fadeInRight.wait-p4s(light)
             v-card-text.pb-0
diff --git a/client/themes/default/scss/app.scss b/client/themes/default/scss/app.scss
index 7619cabc..b505882a 100644
--- a/client/themes/default/scss/app.scss
+++ b/client/themes/default/scss/app.scss
@@ -464,6 +464,8 @@
   // ---------------------------------
 
   img {
+    max-width: 100%;
+
     &.align-left {
       float: left;
       margin: 0 1rem 1rem 0;