aboutsummaryrefslogtreecommitdiff
path: root/src/components/request-element.js
diff options
context:
space:
mode:
authorMichael Foiani <mfoiani2019@communiyschoolnaples.org>2018-08-13 23:49:37 -0400
committerMichael Foiani <mfoiani2019@communiyschoolnaples.org>2018-08-13 23:49:37 -0400
commit1400ab3aec40136ba9c59f0c970079905b7c4863 (patch)
treeb2b925d5f41a22318eadc544f41da42f0f94b885 /src/components/request-element.js
parent2ea02124a564c54f20ea530b56cd9f932212f9f3 (diff)
Fixed small styling issue with big pictures showing on admin console.
Diffstat (limited to 'src/components/request-element.js')
-rw-r--r--src/components/request-element.js16
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>