fix: ajustes visuais na janela de chat do desktop

- Remove scrollbars com overflow: hidden no CSS
- Aumenta tamanho da janela minimizada (210x52) para não cortar badge
- Adiciona bordas arredondadas (rounded-2xl) no chat expandido
- Adiciona sombra (shadow-xl) no chat expandido

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
Seu Nome 2025-12-08 11:31:43 -03:00
parent d2b8c27206
commit e66b3cce92
3 changed files with 7 additions and 5 deletions

View file

@ -890,7 +890,7 @@ fn open_chat_window_internal(app: &tauri::AppHandle, ticket_id: &str) -> Result<
) )
.title("Chat de Suporte") .title("Chat de Suporte")
.inner_size(380.0, 520.0) .inner_size(380.0, 520.0)
.min_inner_size(200.0, 44.0) // Tamanho minimo para modo minimizado com badge .min_inner_size(210.0, 52.0) // Tamanho minimo para modo minimizado com badge
.position(x, y) .position(x, y)
.decorations(false) // Sem decoracoes nativas - usa header customizado .decorations(false) // Sem decoracoes nativas - usa header customizado
.transparent(true) // Permite fundo transparente .transparent(true) // Permite fundo transparente
@ -931,9 +931,9 @@ pub fn set_chat_minimized(app: &tauri::AppHandle, ticket_id: &str, minimized: bo
let label = format!("chat-{}", ticket_id); let label = format!("chat-{}", ticket_id);
let window = app.get_webview_window(&label).ok_or("Janela nao encontrada")?; let window = app.get_webview_window(&label).ok_or("Janela nao encontrada")?;
// Tamanhos - chip minimizado com margem extra para badge e modo offline // Tamanhos - chip minimizado com margem extra para badge (absolute -top-1 -right-1)
let (width, height) = if minimized { let (width, height) = if minimized {
(200.0, 44.0) // Tamanho com folga para badge e texto "Offline" (210.0, 52.0) // Tamanho com folga para badge que fica fora do chip
} else { } else {
(380.0, 520.0) // Tamanho expandido (380.0, 520.0) // Tamanho expandido
}; };

View file

@ -412,11 +412,11 @@ export function ChatWidget({ ticketId }: ChatWidgetProps) {
} }
return ( return (
<div className="flex h-screen flex-col bg-white"> <div className="flex h-screen flex-col overflow-hidden rounded-2xl bg-white shadow-xl">
{/* Header - arrastavel */} {/* Header - arrastavel */}
<div <div
data-tauri-drag-region data-tauri-drag-region
className="flex items-center justify-between border-b border-slate-200 bg-slate-50 px-4 py-3" className="flex items-center justify-between border-b border-slate-200 bg-slate-50 px-4 py-3 rounded-t-2xl"
> >
<div className="flex items-center gap-3"> <div className="flex items-center gap-3">
<div className="flex size-10 items-center justify-center rounded-full bg-black text-white"> <div className="flex size-10 items-center justify-center rounded-full bg-black text-white">

View file

@ -6,11 +6,13 @@
html, body, #root { html, body, #root {
height: 100%; height: 100%;
overflow: hidden; /* Remove scrollbars */
} }
body { body {
@apply text-slate-900; @apply text-slate-900;
background: transparent; background: transparent;
overflow: hidden; /* Remove scrollbars */
} }
/* Fundo padrão para janelas que não são chat minimizado */ /* Fundo padrão para janelas que não são chat minimizado */