diff options
| author | Michael Foiani <mfoiani2019@communiyschoolnaples.org> | 2018-08-13 23:49:37 -0400 |
|---|---|---|
| committer | Michael Foiani <mfoiani2019@communiyschoolnaples.org> | 2018-08-13 23:49:37 -0400 |
| commit | 1400ab3aec40136ba9c59f0c970079905b7c4863 (patch) | |
| tree | b2b925d5f41a22318eadc544f41da42f0f94b885 | |
| parent | 2ea02124a564c54f20ea530b56cd9f932212f9f3 (diff) | |
Fixed small styling issue with big pictures showing on admin console.
| -rw-r--r-- | src/components/request-element.js | 16 |
1 files changed, 11 insertions, 5 deletions
diff --git a/src/components/request-element.js b/src/components/request-element.js index c01b34e..3a90057 100644 --- a/src/components/request-element.js +++ b/src/components/request-element.js @@ -32,15 +32,21 @@ class RequestElement extends connect(store)(LitElement) { <style> paper-card { - --paper-card-background-color: #ffffff; - width: 100%; - text-align: center; + --paper-card-background-color: #ffffff; + width: 100%; + text-align: center; } .info-tab > p { word-break: break-all; } + .main-image { + width: 100%; + --iron-image-width: 100%; + } + + </style> <paper-card onmouseover ="${() => this.toggleTab()}" @@ -71,8 +77,8 @@ class RequestElement extends connect(store)(LitElement) { <hr/> - <iron-image - style:"width:100%; height:auto;" + <iron-image + class="main-image" preload src="${props.imgUrl}"> </iron-image> |