Merge pull request #13 from Astylodon/lazy

Fix preview issues
Astylodon · May 15, 2024 · e319ca4 · e319ca4
2 parents 045388a + b13c21d
commit e319ca4
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 2 deletions.
diff --git a/_internal/css/index.css b/_internal/css/index.css
@@ -162,4 +162,8 @@ video, audio {
 .preview-title {
     display: inline;
     margin-right: 1em;
+}
+
+.preview-content {
+    margin: 1em 0;
 }
diff --git a/_internal/templates/displays/image.html.twig b/_internal/templates/displays/image.html.twig
@@ -13,7 +13,7 @@
                         {{ file.name }}
                     </p>
                 {% else %}
-                    <img src="{{ file | getFilePath(path.full) }}" alt=""/>
+                    <img loading="lazy" src="{{ file | getFilePath(path.full) }}" alt=""/>
                 {% endif %}
             </div>
         </a>

diff --git a/_internal/templates/index.html.twig b/_internal/templates/index.html.twig
@@ -29,7 +29,7 @@
     <template id="filepreview">
         <h2 class="preview-title"></h2> <a class="button" download>Download</a>
 
-        <div id="content" style="margin-bottom: 1em;">
+        <div class="preview-content">
 
         </div>
     </template>