6
0
Kaynağa Gözat

added path on top of the image

Dimitri Korsch 3 yıl önce
ebeveyn
işleme
493683ac85

+ 9 - 1
webui/src/components/media/annotated-image.vue

@@ -17,6 +17,8 @@
                    @nextzoom="$refs.overlay.nextZoom()"/>
 
       <div class="media">
+        <h3>{{current.path}}</h3>
+
         <!-- image -->
         <img v-if="current.type === 'image'"
              ref="media" :src="src" alt="media"
@@ -363,7 +365,13 @@ export default {
 
 img, video {
   max-width: 100%;
-  max-height: 100%;
+  max-height: 95%;
   transition: transform 0.01s;
 }
+
+h3 {
+  max-width: 100%;
+  max-height: 5%;
+  margin: auto;
+}
 </style>