Update app_enhanced.py
Browse files- app_enhanced.py +4 -2
app_enhanced.py
CHANGED
|
@@ -340,9 +340,11 @@ INDEX_HTML = '''
|
|
| 340 |
.comic-page { background: white; width: 600px; height: 400px; box-shadow: 0 4px 10px rgba(0,0,0,0.1); position: relative; overflow: hidden; border: 2px solid #000; padding: 0; }
|
| 341 |
|
| 342 |
/* === 5-PANEL TEMPLATE (2 TOP, 3 BOTTOM) === */
|
| 343 |
-
|
|
|
|
| 344 |
|
| 345 |
-
|
|
|
|
| 346 |
.panel.selected { z-index: 20; }
|
| 347 |
.panel.selected img { outline: 3px solid #2196F3; outline-offset: -3px; }
|
| 348 |
|
|
|
|
| 340 |
.comic-page { background: white; width: 600px; height: 400px; box-shadow: 0 4px 10px rgba(0,0,0,0.1); position: relative; overflow: hidden; border: 2px solid #000; padding: 0; }
|
| 341 |
|
| 342 |
/* === 5-PANEL TEMPLATE (2 TOP, 3 BOTTOM) === */
|
| 343 |
+
/* Background White for White Gaps */
|
| 344 |
+
.comic-grid { width: 100%; height: 100%; position: relative; background: #ffffff; }
|
| 345 |
|
| 346 |
+
/* Panel Background White so 'contain' shows white bars, not black */
|
| 347 |
+
.panel { position: absolute; overflow: hidden; background: #ffffff; cursor: pointer; border: 0; }
|
| 348 |
.panel.selected { z-index: 20; }
|
| 349 |
.panel.selected img { outline: 3px solid #2196F3; outline-offset: -3px; }
|
| 350 |
|