new: Add article image preview function

2025-09-16 14:53:45 +08:00 · 2024-12-20 12:15:44 +08:00
parent 37650c5d27
commit 5a88199fb8
3 changed files with 44 additions and 1 deletions
--- a/templates/default/assets/css/post.css
+++ b/templates/default/assets/css/post.css
@@ -139,4 +139,22 @@ tr, th, td {
 #toc-box .li-6 {
    font-size: 11px;
    padding-left: 50px;
+}
+
+.image-preview-wrap {
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    display: none;
+    background: rgba(0, 0, 0, 0.7);
+    justify-content: center;
+    align-items: center;
+    cursor: pointer;
+}
+
+.image-preview-img {
+    max-width: 90%;
+    max-height: 90%;
 }