diff --git a/src/uncloseai-embed-modal.js b/src/uncloseai-embed-modal.js index 422d2a4..016eab5 100644 --- a/src/uncloseai-embed-modal.js +++ b/src/uncloseai-embed-modal.js @@ -525,25 +525,7 @@ async function openUncloseaiEmbeddedModalNew() { actions.forEach(({ text, action }) => { const btn = document.createElement("button"); btn.textContent = text; - btn.style.cssText = ` - padding: 8px 12px; - background: ${colors.buttonBackground}; - border: 1px solid ${colors.buttonBorder}; - border-radius: 6px; - cursor: pointer; - font-size: 13px; - color: ${colors.primaryText}; - transition: all 0.2s; - white-space: nowrap; - `; - btn.onmouseover = () => { - btn.style.background = colors.buttonHover; - btn.style.borderColor = colors.buttonBorder; - }; - btn.onmouseout = () => { - btn.style.background = colors.buttonBackground; - btn.style.borderColor = colors.buttonBorder; - }; + btn.className = "uncloseai-btn-control"; btn.onclick = action; actionsGrid.appendChild(btn); }); diff --git a/src/uncloseai-modal-builtin.css b/src/uncloseai-modal-builtin.css index a943f16..f4197d5 100644 --- a/src/uncloseai-modal-builtin.css +++ b/src/uncloseai-modal-builtin.css @@ -616,6 +616,22 @@ dialog#tts-modal { background: #e9ecef; } +.uncloseai-btn-control { + padding: 8px 12px; + border: 1px solid #dee2e6; + border-radius: 6px; + cursor: pointer; + font-size: 13px; + color: #495057; + background: #f8f9fa; + transition: all 0.2s; + white-space: nowrap; +} + +.uncloseai-btn-control:hover { + background: #e9ecef; +} + .uncloseai-btn-close { width: 36px; height: 36px; diff --git a/src/uncloseai-modal-pico.css b/src/uncloseai-modal-pico.css index 948e936..dcfdd60 100644 --- a/src/uncloseai-modal-pico.css +++ b/src/uncloseai-modal-pico.css @@ -667,6 +667,22 @@ dialog#tts-modal { background: #e9ecef; } +.uncloseai-btn-control { + padding: 8px 12px; + border: 1px solid #dee2e6; + border-radius: 6px; + cursor: pointer; + font-size: 13px; + color: #495057; + background: #f8f9fa; + transition: all 0.2s; + white-space: nowrap; +} + +.uncloseai-btn-control:hover { + background: #e9ecef; +} + .uncloseai-btn-close { width: 36px; height: 36px;