Spaces:
Running
Running
Add article/rewrite/TTS CSS fixes
Browse files- static/fm_fix.css +26 -0
static/fm_fix.css
CHANGED
|
@@ -31,3 +31,29 @@
|
|
| 31 |
@keyframes ht-spin{to{transform:rotate(360deg)}}
|
| 32 |
.wall-img-count{position:absolute;bottom:4px;left:4px;background:rgba(0,0,0,.7);color:#fff;font-size:9px;padding:1px 5px;border-radius:4px}
|
| 33 |
#progress-toast{position:fixed!important;bottom:70px!important;left:50%!important;transform:translateX(-50%)!important;background:#2d8659!important;color:#fff!important;padding:10px 20px!important;border-radius:20px!important;font-size:12px!important;z-index:99998!important;box-shadow:0 4px 12px rgba(0,0,0,.4)!important;display:none;white-space:nowrap!important}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 31 |
@keyframes ht-spin{to{transform:rotate(360deg)}}
|
| 32 |
.wall-img-count{position:absolute;bottom:4px;left:4px;background:rgba(0,0,0,.7);color:#fff;font-size:9px;padding:1px 5px;border-radius:4px}
|
| 33 |
#progress-toast{position:fixed!important;bottom:70px!important;left:50%!important;transform:translateX(-50%)!important;background:#2d8659!important;color:#fff!important;padding:10px 20px!important;border-radius:20px!important;font-size:12px!important;z-index:99998!important;box-shadow:0 4px 12px rgba(0,0,0,.4)!important;display:none;white-space:nowrap!important}
|
| 34 |
+
/* === ARTICLE / REWRITE VIEW FIX === */
|
| 35 |
+
.article-view{padding:12px 8px 40px!important;max-width:760px!important;margin:0 auto!important}
|
| 36 |
+
.article-title{font-size:18px!important;font-weight:800!important;line-height:1.3!important;margin-bottom:8px!important;color:#fff!important}
|
| 37 |
+
.article-p{font-size:14px!important;line-height:1.7!important;color:#ccc!important;margin-bottom:10px!important}
|
| 38 |
+
.article-img{width:100%!important;border-radius:6px!important;margin:10px 0!important}
|
| 39 |
+
.article-actions{display:flex!important;gap:8px!important;flex-wrap:wrap!important;border-top:1px solid #333!important;margin-top:16px!important;padding-top:10px!important}
|
| 40 |
+
.article-actions button{background:#1a1a1a!important;border:1px solid #333!important;color:#ccc!important;padding:7px 12px!important;border-radius:14px!important;font-size:11px!important;cursor:pointer!important}
|
| 41 |
+
.article-actions button.primary{background:#2d8659!important;border-color:#2d8659!important;color:#fff!important}
|
| 42 |
+
.badge-ai{background:#2d8659!important;color:#fff!important;font-size:8px!important;padding:1px 5px!important;border-radius:3px!important;font-weight:700!important;display:inline-block!important}
|
| 43 |
+
/* TTS voice selector */
|
| 44 |
+
.tts-selector{margin:12px 0!important;padding:10px!important;background:#1a1a1a!important;border:1px solid #2a2a2a!important;border-radius:10px!important;width:100%!important}
|
| 45 |
+
.tts-selector-label{font-size:12px!important;font-weight:700!important;color:#5cb87a!important;margin-bottom:8px!important}
|
| 46 |
+
.tts-voice-groups{display:flex!important;flex-direction:column!important;gap:8px!important;max-height:280px!important;overflow-y:auto!important}
|
| 47 |
+
.tts-voice-group{background:#1e1e1e!important;border:1px solid #2a2a2a!important;border-radius:8px!important;padding:6px 8px!important}
|
| 48 |
+
.tts-voice-group-label{font-size:10px!important;font-weight:700!important;color:#888!important;margin-bottom:4px!important;text-transform:uppercase!important}
|
| 49 |
+
.tts-voice-btns{display:flex!important;gap:6px!important;flex-wrap:wrap!important}
|
| 50 |
+
.tts-voice-btn{background:#222!important;border:1px solid #333!important;color:#ddd!important;border-radius:12px!important;padding:6px 10px!important;font-size:10px!important;cursor:pointer!important;white-space:nowrap!important}
|
| 51 |
+
.tts-voice-btn.active{background:#2d8659!important;border-color:#2d8659!important;color:#fff!important;font-weight:700!important}
|
| 52 |
+
.tts-speed-row{display:flex!important;align-items:center!important;gap:8px!important;font-size:12px!important;color:#aaa!important;margin-top:10px!important}
|
| 53 |
+
.tts-speed-row select{flex:1!important;background:#222!important;border:1px solid #333!important;color:#eee!important;border-radius:14px!important;padding:6px 10px!important;font-size:11px!important}
|
| 54 |
+
/* Image gallery */
|
| 55 |
+
.article-image-gallery{margin:10px 0!important}
|
| 56 |
+
.article-hero-img{width:100%!important;border-radius:8px!important;margin-bottom:6px!important}
|
| 57 |
+
.gallery-thumbs{display:flex!important;gap:6px!important;overflow-x:auto!important;padding-bottom:4px!important}
|
| 58 |
+
.gallery-thumb{flex:0 0 100px!important;aspect-ratio:16/9!important;border-radius:6px!important;overflow:hidden!important;background:#222!important;cursor:pointer!important}
|
| 59 |
+
.gallery-thumb img{width:100%!important;height:100%!important;object-fit:cover!important}
|