Dockery/Pinry
1
0
Fork 0
mirror of https://github.com/pinry/pinry.git synced 2025-11-15 09:25:50 +01:00
Code Issues Packages Projects Releases Activity

Fix: Should display by default / fix image src property

Browse Source
This commit is contained in:
winkidney
2019-03-20 15:56:41 +08:00
committed by Isaac Bythewood
parent a4ecb0c66f
commit d6e63c19c3
2 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
pinry/static/css/lightbox.css
View File

@@ -1,6 +1,5 @@
.lightbox-background { .lightbox-background {
background: rgba(0, 0, 0, 0.7); background: rgba(0, 0, 0, 0.7);
display: none;
left: 0; left: 0;
right: 0; right: 0;
top: 0; top: 0;
@@ -23,7 +22,6 @@
.lightbox-wrapper img { .lightbox-wrapper img {
max-width: 600px; max-width: 600px;
display: none;
-webkit-border-top-right-radius: 3px; -webkit-border-top-right-radius: 3px;
-webkit-border-top-left-radius: 3px; -webkit-border-top-left-radius: 3px;
-moz-border-radius-topright: 3px; -moz-border-radius-topright: 3px;

6
pinry/templates/includes/lightbox-vue.html
View File

@@ -1,9 +1,10 @@
{% verbatim %} {% verbatim %}
<script id="lightbox-template" type="text/x-template"> <script id="lightbox-template" type="text/x-template">
<transition name="fade">
<div class="lightbox-background"> <div class="lightbox-background">
<div class="lightbox-wrapper"> <div class="lightbox-wrapper">
<div class="lightbox-image-wrapper"> <div class="lightbox-image-wrapper">
<img class="lightbox-image" src="{{ pin.image.image }}" /> <img class="lightbox-image" :src="pin.image.image" />
</div> </div>
<div class="lightbox-data clearfix"> <div class="lightbox-data clearfix">
<div class="description" v-if="pin.description"> <div class="description" v-if="pin.description">
@@ -14,7 +15,7 @@
</div> </div>
<div class="text pull-left"> <div class="text pull-left">
<span class="dim">pinned by</span> {{ pin.submitter.username }} <span class="dim">pinned by</span> {{ pin.submitter.username }}
<template v-if="pin.tags"> <template v-if="pin.tags.length != 0">
<br /><span class="dim">in</span> <br /><span class="dim">in</span>
<template v-for="tag in pin.tags"> <template v-for="tag in pin.tags">
<span class="tag"> <span class="tag">
@@ -33,5 +34,6 @@
</div> </div>
</div> </div>
</div> </div>
</transition>
</script> </script>
{% endverbatim %} {% endverbatim %}