sistema-de-chamados/apps/desktop/src/index.css
Seu Nome e66b3cce92 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>
2025-12-08 11:31:43 -03:00

69 lines
1.4 KiB
CSS

@import "tailwindcss";
:root {
color-scheme: light;
}
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 */
.app-bg {
@apply bg-slate-50;
}
.badge-status {
@apply inline-flex h-8 items-center gap-3 rounded-full border border-slate-200 px-3 text-sm font-semibold;
}
.card {
@apply w-full rounded-2xl border border-slate-200 bg-white p-6 shadow-sm;
}
.btn {
@apply inline-flex items-center justify-center rounded-md border px-3 py-2 text-sm font-semibold transition;
}
.btn-primary {
@apply border-black bg-black text-white hover:bg-black/90;
}
.btn-outline {
@apply border-slate-300 bg-white text-slate-800 hover:bg-slate-50;
}
.input {
@apply w-full rounded-lg border border-slate-300 px-3 py-2 text-sm;
}
.label {
@apply text-sm font-medium;
}
.tabs {
@apply mt-4 flex flex-col gap-3;
}
.tab-list {
@apply flex flex-wrap gap-2 border-b border-slate-200 pb-2;
}
.tab-btn {
@apply rounded-md border border-transparent bg-transparent px-3 py-1.5 text-sm font-medium text-slate-700 hover:bg-slate-100;
}
.tab-btn.active {
@apply border-slate-300 bg-slate-100 text-slate-900;
}
.stat-card {
@apply flex items-center gap-3 rounded-md border border-slate-200 bg-slate-50/80 px-3 py-2;
}