Update app.py

app.py

@@ -340,6 +340,13 @@ HTML_TEMPLATE = '''
             display: flex;
             align-items: center;
             justify-content: center;
+            box-sizing: border-box;
+        }
+
+        .speech-bubble .component-text {
+            margin-top: 0;
+            padding-top: 8px;
+            padding-bottom: 8px;
         }
 
         .speech-bubble-tail {
@@ -378,6 +385,13 @@ HTML_TEMPLATE = '''
             display: flex;
             align-items: center;
             justify-content: center;
+            box-sizing: border-box;
+        }
+
+        .thought-bubble .component-text {
+            margin-top: 0;
+            padding-top: 8px;
+            padding-bottom: 8px;
         }
 
         .thought-bubble-dots {
@@ -537,11 +551,11 @@ HTML_TEMPLATE = '''
             color: black;
             text-align: center;
             padding: 5px;
-            overflow: hidden;
+            overflow: visible;
             line-height: 1.5;
-            display: flex;
-            align-items: center;
-            justify-content: center;
+            vertical-align: middle;
+            white-space: pre-wrap;
+            word-break: break-word;
         }
 
         /* 로딩 인디케이터 */
@@ -1283,11 +1297,25 @@ HTML_TEMPLATE = '''
             tempContainer.style.left = '-9999px';
             document.body.appendChild(tempContainer);
             
+            // html2canvas 옵션 수정
             html2canvas(tempContainer, {
                 backgroundColor: '#ffffff',
                 scale: 2,
                 useCORS: true,
-                logging: false
+                logging: false,
+                scrollY: 0,
+                scrollX: 0,
+                windowHeight: tempContainer.scrollHeight,
+                windowWidth: tempContainer.scrollWidth,
+                onclone: function(clonedDoc) {
+                    // 클론된 문서에서 텍스트 영역 스타일 조정
+                    const textAreas = clonedDoc.querySelectorAll('.component-text');
+                    textAreas.forEach(textarea => {
+                        textarea.style.paddingTop = '10px';
+                        textarea.style.lineHeight = '1.6';
+                        textarea.style.overflow = 'visible';
+                    });
+                }
             }).then(function(canvas) {
                 const link = document.createElement('a');
                 link.download = 'webtoon_' + imageNumber + '_' + new Date().getTime() + '.png';