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")
.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)
.decorations(false) // Sem decoracoes nativas - usa header customizado
.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 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 {
(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 {
(380.0, 520.0) // Tamanho expandido
};

View file

@ -412,11 +412,11 @@ export function ChatWidget({ ticketId }: ChatWidgetProps) {
}
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 */}
<div
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 size-10 items-center justify-center rounded-full bg-black text-white">

View file

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