admtracksteel/camila
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: Manter os 4 botões de ação (zoom, regenerar, prompt, download) sempre ativos e visíveis ao carregar trabalhos prontos na Fábrica de Quadrinhos

Browse Source
This commit is contained in:
admtracksteel
2026-09-01 10:14:26 +00:00
parent 12283f29f2
commit 78ea105ac5
2 changed files with 24 additions and 56 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/app.js
+3 -41
View File
@@ -4659,47 +4659,9 @@ Se algum dado não for mencionado, deixe a string vazia ou false para boolean.`
})); }));
if (generatedPanelsData.length > 0) { if (generatedPanelsData.length > 0) {
comicsResultTitle.textContent = project.titulo || 'História em Quadrinhos'; if (comicsResultTitle) comicsResultTitle.textContent = project.titulo || 'História em Quadrinhos';
comicsGridContainer.innerHTML = ''; renderComicsStoryboard();
if (comicsResultArea) comicsResultArea.style.display = 'flex';
generatedPanelsData.forEach((panel, index) => {
const panelCard = document.createElement('div');
panelCard.className = 'comic-panel-card';
const imgContainer = document.createElement('div');
imgContainer.className = `comic-panel-image-container ratio-${selectedComicsRatio.replace(':', '-')}`;
const img = document.createElement('img');
img.className = 'comic-panel-image';
img.src = panel.imageUrl;
img.alt = `Quadro ${panel.panel_number}`;
imgContainer.appendChild(img);
const badge = document.createElement('div');
badge.className = 'comic-panel-number-badge';
badge.textContent = panel.panel_number;
imgContainer.appendChild(badge);
panelCard.appendChild(imgContainer);
const caption = document.createElement('div');
caption.className = 'comic-caption-text';
const textarea = document.createElement('textarea');
textarea.className = 'comic-caption-input';
textarea.value = panel.dialogue || '';
textarea.placeholder = 'Digite a fala ou legenda do quadrinho...';
textarea.addEventListener('input', (e) => {
panel.dialogue = e.target.value;
});
caption.appendChild(textarea);
panelCard.appendChild(caption);
comicsGridContainer.appendChild(panelCard);
});
comicsResultArea.style.display = 'flex';
} }
comicsVideoResult.style.display = 'none'; comicsVideoResult.style.display = 'none';
public/style.css
+21 -15
View File
@@ -3410,30 +3410,36 @@ code {
display: flex; display: flex;
gap: 6px; gap: 6px;
z-index: 15; z-index: 15;
opacity: 0.9; opacity: 1 !important;
transition: opacity 0.2s; pointer-events: auto;
}
.comic-panel-card:hover .comic-panel-overlay-actions {
opacity: 1;
} }
.btn-comic-action { .btn-comic-action {
background: rgba(15, 23, 42, 0.85); background: rgba(15, 23, 42, 0.88);
color: white; color: #ffffff;
border: 1px solid rgba(255, 255, 255, 0.2); border: 1px solid rgba(255, 255, 255, 0.25);
backdrop-filter: blur(4px); backdrop-filter: blur(6px);
-webkit-backdrop-filter: blur(6px);
border-radius: 6px; border-radius: 6px;
padding: 4px 7px; padding: 5px 8px;
font-size: 0.75rem; font-size: 0.82rem;
line-height: 1;
cursor: pointer; cursor: pointer;
display: flex; display: inline-flex;
align-items: center; align-items: center;
gap: 4px; justify-content: center;
transition: background 0.2s, transform 0.1s; transition: all 0.2s ease;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.35);
user-select: none;
} }
.btn-comic-action:hover { .btn-comic-action:hover {
background: var(--brand-pink, #db2777); background: var(--brand-pink, #db2777);
transform: scale(1.05); border-color: rgba(255, 255, 255, 0.6);
transform: translateY(-1px) scale(1.08);
box-shadow: 0 4px 10px rgba(219, 39, 119, 0.4);
}
.btn-comic-action:active {
transform: scale(0.95);
} }
.comic-speech-bubble { .comic-speech-bubble {