Update app_enhanced.py
Browse files- app_enhanced.py +3 -6
app_enhanced.py
CHANGED
|
@@ -132,10 +132,7 @@ INDEX_HTML = '''
|
|
| 132 |
We use two pseudo-elements:
|
| 133 |
:before -> The outer border (Outline)
|
| 134 |
:after -> The inner color (Fill)
|
| 135 |
-
|
| 136 |
-
Shape Logic:
|
| 137 |
-
We create a square and round ONE corner to 100%.
|
| 138 |
-
This creates a perfect "Shark Fin" curve that is export-safe.
|
| 139 |
*/
|
| 140 |
|
| 141 |
.speech-bubble.speech:before,
|
|
@@ -652,7 +649,7 @@ INDEX_HTML = '''
|
|
| 652 |
const pages = document.querySelectorAll('.comic-page');
|
| 653 |
if (pages.length === 0) return alert("No pages found.");
|
| 654 |
|
| 655 |
-
// 1. FREEZE DIMENSIONS BEFORE EXPORT
|
| 656 |
const bubbles = document.querySelectorAll('.speech-bubble');
|
| 657 |
bubbles.forEach(b => {
|
| 658 |
const rect = b.getBoundingClientRect();
|
|
@@ -675,7 +672,7 @@ INDEX_HTML = '''
|
|
| 675 |
} catch (err) { alert(`Failed to export page ${i + 1}.`); }
|
| 676 |
}
|
| 677 |
|
| 678 |
-
// 2. UNFREEZE DIMENSIONS
|
| 679 |
bubbles.forEach(b => {
|
| 680 |
b.style.minWidth = '50px';
|
| 681 |
b.style.minHeight = '30px';
|
|
|
|
| 132 |
We use two pseudo-elements:
|
| 133 |
:before -> The outer border (Outline)
|
| 134 |
:after -> The inner color (Fill)
|
| 135 |
+
Shape Logic: Round one corner of a square to create the Shark Fin curve.
|
|
|
|
|
|
|
|
|
|
| 136 |
*/
|
| 137 |
|
| 138 |
.speech-bubble.speech:before,
|
|
|
|
| 649 |
const pages = document.querySelectorAll('.comic-page');
|
| 650 |
if (pages.length === 0) return alert("No pages found.");
|
| 651 |
|
| 652 |
+
// 1. FREEZE DIMENSIONS BEFORE EXPORT (Prevents size reset bug)
|
| 653 |
const bubbles = document.querySelectorAll('.speech-bubble');
|
| 654 |
bubbles.forEach(b => {
|
| 655 |
const rect = b.getBoundingClientRect();
|
|
|
|
| 672 |
} catch (err) { alert(`Failed to export page ${i + 1}.`); }
|
| 673 |
}
|
| 674 |
|
| 675 |
+
// 2. UNFREEZE DIMENSIONS (Restore normal behavior)
|
| 676 |
bubbles.forEach(b => {
|
| 677 |
b.style.minWidth = '50px';
|
| 678 |
b.style.minHeight = '30px';
|