fix(chat): Poprawka layoutu - input area zawsze na dole

- Dodano flex-shrink: 0 do .chat-header i .chat-input-area
- Dodano overflow: hidden do .chat-main
- Dodano min-height: 0 do .chat-messages (kluczowe dla flexbox overflow)
- Teraz header i input zawsze widoczne, tylko wiadomości się scrollują

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
Maciej Pienczyn 2026-01-27 12:17:17 +01:00
parent 64a8d49efa
commit c33f6e4195

View File

@ -151,6 +151,7 @@
display: flex;
flex-direction: column;
min-width: 0;
overflow: hidden; /* Zapobiega scrollowaniu całego chat-main */
}
.chat-header {
@ -162,6 +163,7 @@
color: white;
position: relative;
z-index: 50;
flex-shrink: 0; /* Header nie może się kurczyć */
}
.chat-header-left {
@ -185,6 +187,7 @@
.chat-messages {
flex: 1;
min-height: 0; /* Kluczowe dla poprawnego działania overflow w flexbox */
overflow-y: auto;
padding: var(--spacing-lg);
display: flex;
@ -393,6 +396,7 @@
padding: var(--spacing-lg);
background: white;
border-top: 1px solid var(--border);
flex-shrink: 0; /* Input area nie może się kurczyć - zawsze widoczna na dole */
}
.chat-input-wrapper {