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")
|
.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
|
||||||
};
|
};
|
||||||
|
|
|
||||||
|
|
@ -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">
|
||||||
|
|
|
||||||
|
|
@ -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 */
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue