diff --git a/frontend/index.html b/frontend/index.html index 524fc9e..e8b2e98 100644 --- a/frontend/index.html +++ b/frontend/index.html @@ -5041,6 +5041,14 @@ curl -X POST https://votre-serveur.com/webhook \ Recherche + + + { openAssistant(); }); if (paletteBtn) paletteBtn.addEventListener('click', openCommandPalette); if (tabsBtn) tabsBtn.addEventListener('click', openTabSwitcher); if (sheetClose) sheetClose.addEventListener('click', closeTabSwitcher); diff --git a/frontend/style.css b/frontend/style.css index 6f557f0..75f672d 100644 --- a/frontend/style.css +++ b/frontend/style.css @@ -7786,6 +7786,37 @@ body.popup-mode .content-area { color: var(--accent); } + /* Hide the floating AI pastille on mobile — the assistant lives in the + centre of the bottom toolbar instead (below). */ + .ai-fab { + display: none !important; + } + + /* AI assistant — raised central button, stands out from the 4 other items */ + .mt-btn-ai { + flex: 0 0 auto; + width: 56px; + height: 56px; + min-height: 56px; + margin: -18px 2px 0; + border-radius: 50%; + background: var(--accent); + color: #fff; + box-shadow: 0 4px 14px rgba(0, 0, 0, 0.35), 0 0 0 4px var(--bg-secondary); + z-index: 2; + } + .mt-btn-ai:active { + background: var(--accent); + transform: scale(0.94); + } + .mt-btn-ai svg { + width: 26px; + height: 26px; + } + .mt-btn-ai .mt-label { + display: none; + } + /* Tab count badge */ .mt-badge { position: absolute;