From 0ce43ddd199df14dd32bda1fab7885c1102fcf76 Mon Sep 17 00:00:00 2001
From: augushong <augushong@163.com>
Date: Sun, 17 May 2026 00:40:03 +0800
Subject: [PATCH] =?UTF-8?q?fix(typesetting):=20=E4=BF=AE=E5=A4=8D=E5=AF=B9?=
 =?UTF-8?q?=E9=BD=90=E4=B8=8B=E6=8B=89CSS=E4=B8=8D=E7=94=9F=E6=95=88?=
 =?UTF-8?q?=E7=9A=84bug=20-=20img=E6=B7=BB=E5=8A=A0class=20+=20flex?=
 =?UTF-8?q?=E5=B8=83=E5=B1=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 public/static/css/phone-image-templates.css | 6 +++++-
 public/static/js/phone-image.js             | 2 +-
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/public/static/css/phone-image-templates.css b/public/static/css/phone-image-templates.css
index 63f80c1..89ee876 100644
--- a/public/static/css/phone-image-templates.css
+++ b/public/static/css/phone-image-templates.css
@@ -552,9 +552,13 @@
     position: relative;
     flex-shrink: 0;
     text-align: center;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
 }
 
-.preview-thumb-item img {
+.preview-thumb-item img,
+.preview-thumb-item .preview-thumb-img {
     display: block;
     border: 1px solid #e0e0e0;
     border-radius: 4px;
diff --git a/public/static/js/phone-image.js b/public/static/js/phone-image.js
index 8e26fe7..e017690 100644
--- a/public/static/js/phone-image.js
+++ b/public/static/js/phone-image.js
@@ -1251,7 +1251,7 @@ var PhoneImageEngine = (function () {
         var $item = $('<div class="preview-thumb-item" data-page-index="' + pageIndex + '">');
         $item.css('width', thumbWidth + 'px');
 
-        var $img = $('<img>');
+        var $img = $('<img class="preview-thumb-img">');
         $img.attr('src', dataUrl);
         $img.css('width', thumbWidth + 'px');
         $item.append($img);