Bladeren bron

fix: image max-width

Nick 6 jaren geleden
bovenliggende
commit
eb1be8a92d
2 gewijzigde bestanden met toevoegingen van 5 en 1 verwijderingen
  1. 3 1
      client/components/editor/editor-modal-media.vue
  2. 2 0
      client/themes/default/scss/app.scss

+ 3 - 1
client/components/editor/editor-modal-media.vue

@@ -158,6 +158,8 @@
               v-toolbar.radius-7(color='teal lighten-5', dense, flat)
               v-toolbar.radius-7(color='teal lighten-5', dense, flat)
                 v-icon.mr-3(color='teal') cloud_download
                 v-icon.mr-3(color='teal') cloud_download
                 .body-2.teal--text Fetch Remote Image
                 .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-text-field.mt-3(
                 v-model='remoteImageUrl'
                 v-model='remoteImageUrl'
                 outline
                 outline
@@ -169,7 +171,7 @@
             v-card-actions.pa-3
             v-card-actions.pa-3
               .caption.grey--text.text-darken-2 Max 5 MB
               .caption.grey--text.text-darken-2 Max 5 MB
               v-spacer
               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.mt-3.radius-7.animated.fadeInRight.wait-p4s(light)
             v-card-text.pb-0
             v-card-text.pb-0

+ 2 - 0
client/themes/default/scss/app.scss

@@ -464,6 +464,8 @@
   // ---------------------------------
   // ---------------------------------
 
 
   img {
   img {
+    max-width: 100%;
+
     &.align-left {
     &.align-left {
       float: left;
       float: left;
       margin: 0 1rem 1rem 0;
       margin: 0 1rem 1rem 0;