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:
parent
d2b8c27206
commit
e66b3cce92
3 changed files with 7 additions and 5 deletions
|
|
@ -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
|
||||
};
|
||||
|
|
|
|||
|
|
@ -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">
|
||||
|
|
|
|||
|
|
@ -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 */
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue