mirror of https://github.com/searxng/searxng.git
[enh] more compact image view
This commit is contained in:
parent
be42683cbc
commit
4ebf8389e8
|
@ -84,5 +84,9 @@ a { text-decoration: none; }
|
||||||
|
|
||||||
.invisible { display: none; }
|
.invisible { display: none; }
|
||||||
|
|
||||||
.image_result { float: left; max-width: 250px; margin: 10px; height: 380px; min-width: 250px; }
|
.image_result { float: left; margin: 10px 10px; position: relative; height: 160px;}
|
||||||
.image_result img { max-width: 240px; max-height: 320px; border: 2px solid #000000; }
|
.image_result img { border: 0; height: 160px;}
|
||||||
|
.image_result p { margin: 0; padding: 0; }
|
||||||
|
.image_result p span a { display: none; }
|
||||||
|
.image_result p span a { color: #FFFFFF; }
|
||||||
|
.image_result p:hover span a { display: block; position: absolute; bottom: 0; right: 0; padding: 4px; background-color: rgba(0, 0, 0, 0.6); font-size: 0.7em; }
|
||||||
|
|
|
@ -1,8 +1,6 @@
|
||||||
<div class="image_result">
|
<div class="image_result">
|
||||||
<p>
|
<p>
|
||||||
<span class="engines">{{ result.engine }}</span><br />
|
|
||||||
<a href="{{ result.img_src }}"><img src="{{ result.img_src }}" title={{ result.title }}/></a>
|
<a href="{{ result.img_src }}"><img src="{{ result.img_src }}" title={{ result.title }}/></a>
|
||||||
<br />
|
|
||||||
<span class="url"><a href="{{ result.url }}" class="small_font">original context</a></span>
|
<span class="url"><a href="{{ result.url }}" class="small_font">original context</a></span>
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
|
|
Loading…
Reference in New Issue