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:
parent
64a8d49efa
commit
c33f6e4195
@ -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 {
|
||||
|
||||
Loading…
Reference in New Issue
Block a user