quickinfo: show all images for a material

This commit is contained in:
2020-01-17 21:55:35 -08:00
parent bdce950581
commit d7159b6765
3 changed files with 35 additions and 12 deletions

View File

@ -9,18 +9,22 @@
<style>
html, body {
font-family: sans-serif;
height: 100%;
padding: 10px;
background-color: #535353;
}
#both {
width: 400px;
background-color: #fff;
box-shadow: 8px 8px 12px 0 rgba(0, 0, 0, 0.3);
position: relative;
margin: 0 auto;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
}
#image {
padding: 15px;
width: 250px;
display: inline-block;
}
#data {
border-top: 4px solid hsl(52, 100%, 50%);
@ -62,9 +66,13 @@
<body>
<div id="both">
<img class="logo" src="/static/img/keen_logo.svg" width="90">
{% if image %}
<div id="image">
<a href="{{ image }}"><img src="{{ image }}"/></a>
{% if images %}
<div id="images">
{% for image in images %}
<div id="image">
<a href="{{ image }}"><img src="{{ image }}"/></a>
</div>
{% endfor %}
</div>
{% else %}
<p class="notfound">Image not found</p>